Modified the styles

packages/app/src/components/LoginForm.jsx

@@ -290,7 +290,8 @@ class LoginForm extends React.Component {
 
 
     const isLocalOrLdapStrategiesEnabled = isLocalStrategySetup || isLdapStrategySetup;
-    const isSomeExternalAuthEnabled = Object.values(objOfIsExternalAuthEnableds).some(elem => elem);
+    // const isSomeExternalAuthEnabled = Object.values(objOfIsExternalAuthEnableds).some(elem => elem);
+    const isSomeExternalAuthEnabled = true;
 
     return (
       <div className="login-dialog mx-auto" id="login-dialog">
@@ -355,8 +356,7 @@ const LoginFormWrapperFC = (props) => {
   const { t } = useTranslation();
   const { data: csrfToken } = useCsrfToken();
 
-  // return <LoginForm t={t} csrfToken={csrfToken} {...props} />;
-  return <div>あああ</div>;
+  return <LoginForm t={t} csrfToken={csrfToken} {...props} />;
 };
 
 /**
@@ -364,5 +364,5 @@ const LoginFormWrapperFC = (props) => {
  */
 // const LoginFormWrapper = withUnstatedContainers(LoginFormWrapperFC, [AppContainer]);
 
-export default LoginForm;
-// export default LoginFormWrapperFC;
+// export default LoginForm;
+export default LoginFormWrapperFC;

packages/app/src/pages/login.page.tsx

@@ -50,9 +50,11 @@ async function injectServerConfigurations(context: GetServerSidePropsContext, pr
   const { crowi } = req;
   const {
     mailService,
+    configManager,
   } = crowi;
 
   props.isMailerSetup = mailService.isMailerSetup;
+  props.registrationWhiteList = configManager.getConfig('crowi', 'security:registrationWhiteList');
 }
 
 type Props = CommonProps & {
@@ -60,6 +62,7 @@ type Props = CommonProps & {
   pageWithMetaStr: string,
   isMailerSetup: boolean,
   enabledStrategies: unknown,
+  registrationWhiteList: string[],
 };
 
 const LoginPage: NextPage<Props> = (props: Props) => {
@@ -84,21 +87,10 @@ const LoginPage: NextPage<Props> = (props: Props) => {
     <>
       <RawLayout title={useCustomTitle(props, 'GROWI')} className={classNames.join(' ')}>
         <div className='nologin'>
-          <div className='wrapper'>
+          <div id='wrapper'>
             <div id="page-wrapper">
-              <div className="main container-fluid">
-
-                <div className="row">
-                  <div className="col-md-12">
-                    <div className="login-header mx-auto">
-                      <h1 className="my-3">GROWI</h1>
-                    </div>
-                  </div>
-                  <div className="col-md-12">
-                    <LoginForm objOfIsExternalAuthEnableds={props.enabledStrategies} />
-                  </div>
-                </div>
-              </div>
+              <LoginForm objOfIsExternalAuthEnableds={props.enabledStrategies} isLocalStrategySetup={true} isLdapStrategySetup={true}
+                isRegistrationEnabled={true} registrationWhiteList={props.registrationWhiteList} isPasswordResetEnabled={true} />
             </div>
           </div>
         </div>