@qlover/create-app 0.7.9 → 0.7.11

package/dist/templates/next-app/config/Identifier/api.ts

@@ -0,0 +1,34 @@
+/**
+ * @description 用户未找到
+ * @localZh 用户未找到
+ * @localEn User not found
+ */
+export const API_USER_NOT_FOUND = 'api__user__not_found';
+
+/**
+ * @description 用户已存在
+ * @localZh 用户已存在
+ * @localEn User already exists
+ */
+export const API_USER_ALREADY_EXISTS = 'api__user__already_exists';
+
+/**
+ * @description 响应不正确
+ * @localZh 响应不正确
+ * @localEn Response not correct
+ */
+export const API_RESPONSE_NOT_OK = 'RESPONSE_NOT_OK';
+
+/**
+ * @description 未授权
+ * @localZh 未授权
+ * @localEn Not authorized
+ */
+export const API_NOT_AUTHORIZED = 'api__not_authorized';
+
+/**
+ * @description 页码不正确
+ * @localZh 页码不正确
+ * @localEn Page number is incorrect
+ */
+export const API_PAGE_INVALID = 'api__page__invalid';

package/dist/templates/next-app/config/Identifier/common.ts

@@ -60,3 +60,10 @@ export const PAGE_500_TITLE = 'page__500__title';
  * @localEn 500 Page Description
  */
 export const PAGE_500_DESCRIPTION = 'page__500__description';
+
+/**
+ * @description Admin page title
+ * @localZh 管理后台
+ * @localEn Admin Backend
+ */
+export const PAGE_HEAD_ADMIN_TITLE = 'page__head__admin__title';

package/dist/templates/next-app/config/Identifier/index.ts

@@ -1,3 +1,4 @@
+export * from './api';
 export * from './common';
 export * from './common.error';
 export * from './page.about';
@@ -8,3 +9,4 @@ export * from './page.jsonStorage';
 export * from './page.login';
 export * from './page.register';
 export * from './page.request';
+export * from './validator';

package/dist/templates/next-app/config/Identifier/page.login.ts

@@ -97,8 +97,8 @@ export const LOGIN_NO_ACCOUNT = 'login__no_account';
 export const LOGIN_CREATE_ACCOUNT = 'login__create_account';
 /**
  * @description Login page email validation message
- * @localZh 请输入您的邮箱！
- * @localEn Please input your email!
+ * @localZh 请输入正确的邮箱！
+ * @localEn Please input a valid email!
  */
 export const LOGIN_EMAIL_REQUIRED = 'login__email_required';
 /**

package/dist/templates/next-app/config/Identifier/page.register.ts

@@ -13,17 +13,56 @@ export const PAGE_REGISTER_TITLE = 'page__register__title';
 export const PAGE_REGISTER_DESCRIPTION = 'page__register__description';
 
 /**
- * @description Register page title
- * @localZh 创建账号
- * @localEn Create Account
+ * @description Register page content
+ * @localZh 创建账号页面内容
+ * @localEn Create Account Page Content
  */
-export const REGISTER_TITLE = 'register__title';
+export const PAGE_REGISTER_CONTENT = 'page__register__content';
+
+/**
+ * @description Register page keywords
+ * @localZh 创建账号页面关键词
+ * @localEn Create Account Page Keywords
+ */
+export const PAGE_REGISTER_KEYWORDS = 'page__register__keywords';
+
+/**
+ * @description Register page welcome
+ * @localZh 欢迎来到我们的平台
+ * @localEn Welcome to our platform
+ */
+export const REGISTER_WELCOME = 'register__welcome';
+
 /**
  * @description Register page subtitle
  * @localZh 开始您的学习之旅
  * @localEn Start your learning journey
  */
 export const REGISTER_SUBTITLE = 'register__subtitle';
+
+/**
+ * @description Register page feature ai paths
+ * @localZh AI路径
+ * @localEn AI Paths
+ */
+export const REGISTER_FEATURE_AI_PATHS = 'register__feature__ai_paths';
+
+/**
+ * @description Register page feature smart recommendations
+ * @localZh 智能推荐
+ * @localEn Smart Recommendations
+ */
+export const REGISTER_FEATURE_SMART_RECOMMENDATIONS =
+  'register__feature__smart_recommendations';
+
+/**
+ * @description Register page feature progress tracking
+ * @localZh 进度跟踪
+ * @localEn Progress Tracking
+ */
+export const REGISTER_FEATURE_PROGRESS_TRACKING =
+  'register__feature__progress_tracking';
+
 /**
  * @description Register page username field
  * @localZh 用户名
@@ -121,24 +160,6 @@ export const REGISTER_HAVE_ACCOUNT = 'register__have_account';
  * @localEn Sign in
  */
 export const REGISTER_LOGIN_LINK = 'register__login_link';
-/**
- * @description Register page feature item - Personalized Learning
- * @localZh 个性化学习体验
- * @localEn Personalized Learning Experience
- */
-export const REGISTER_FEATURE_PERSONALIZED = 'register__feature__personalized';
-/**
- * @description Register page feature item - Expert Support
- * @localZh 专家支持和指导
- * @localEn Expert Support and Guidance
- */
-export const REGISTER_FEATURE_SUPPORT = 'register__feature__support';
-/**
- * @description Register page feature item - Learning Community
- * @localZh 活跃的学习社区
- * @localEn Active Learning Community
- */
-export const REGISTER_FEATURE_COMMUNITY = 'register__feature__community';
 /**
  * @description Register page terms agreement required message
  * @localZh 请同意服务条款和隐私政策

package/dist/templates/next-app/config/Identifier/validator.ts

@@ -0,0 +1,34 @@
+/**
+ * @description Validator for login params
+ * @localZh 不是一个有效的登录参数
+ * @localEn Not a valid login parameter
+ */
+export const V_LOGIN_PARAMS_REQUIRED = 'v_login_params_required';
+
+/**
+ * @description Invalid email format validation message
+ * @localZh 邮箱格式无效的验证消息
+ * @localEn Invalid email format validation message
+ */
+export const V_EMAIL_INVALID = 'validator_email_invalid';
+
+/**
+ * @description Password minimum length validation message
+ * @localZh 密码最小长度验证消息(6)
+ * @localEn Password minimum length validation message(6)
+ */
+export const V_PASSWORD_MIN_LENGTH = 'validator_password_min_length';
+
+/**
+ * @description Password maximum length validation message
+ * @localZh 密码最大长度验证消息(50)
+ * @localEn Password maximum length validation message(50)
+ */
+export const V_PASSWORD_MAX_LENGTH = 'validator_password_max_length';
+
+/**
+ * @description Password whitespace validation message
+ * @localZh 密码不能包含空格的验证消息
+ * @localEn Password cannot contain whitespace characters validation message
+ */
+export const V_PASSWORD_SPECIAL_CHARS = 'validator_password_special_chars';

package/dist/templates/next-app/config/i18n/index.ts

@@ -1,3 +1,4 @@
 export * from './i18nConfig';
 export * from './PageI18nInterface';
 export * from './loginI18n';
+export * from './register18n';

package/dist/templates/next-app/config/i18n/register18n.ts

@@ -0,0 +1,44 @@
+import * as i18nKeys from '../Identifier/page.register';
+
+/**
+ * Register page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type RegisterI18nInterface = typeof register18n;
+
+export const register18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_REGISTER_TITLE,
+  description: i18nKeys.PAGE_REGISTER_DESCRIPTION,
+  content: i18nKeys.PAGE_REGISTER_CONTENT,
+  keywords: i18nKeys.PAGE_REGISTER_KEYWORDS,
+
+  // register page
+  welcome: i18nKeys.REGISTER_WELCOME,
+  subtitle: i18nKeys.REGISTER_SUBTITLE,
+  feature_ai_paths: i18nKeys.REGISTER_FEATURE_AI_PATHS,
+  feature_smart_recommendations:
+    i18nKeys.REGISTER_FEATURE_SMART_RECOMMENDATIONS,
+  feature_progress_tracking: i18nKeys.REGISTER_FEATURE_PROGRESS_TRACKING,
+
+  // register form
+  username: i18nKeys.REGISTER_USERNAME,
+  username_required: i18nKeys.REGISTER_USERNAME_REQUIRED,
+  email: i18nKeys.REGISTER_EMAIL,
+  email_required: i18nKeys.REGISTER_EMAIL_REQUIRED,
+  password: i18nKeys.REGISTER_PASSWORD,
+  password_required: i18nKeys.REGISTER_PASSWORD_REQUIRED,
+  confirm_password_required: i18nKeys.REGISTER_CONFIRM_PASSWORD_REQUIRED,
+  password_mismatch: i18nKeys.REGISTER_PASSWORD_MISMATCH,
+  button: i18nKeys.REGISTER_BUTTON,
+  terms_prefix: i18nKeys.REGISTER_TERMS_PREFIX,
+  terms_link: i18nKeys.REGISTER_TERMS_LINK,
+  terms_and: i18nKeys.REGISTER_TERMS_AND,
+  privacy_link: i18nKeys.REGISTER_PRIVACY_LINK,
+  have_account: i18nKeys.REGISTER_HAVE_ACCOUNT,
+  confirm_password: i18nKeys.REGISTER_CONFIRM_PASSWORD,
+  terms_required: i18nKeys.REGISTER_TERMS_REQUIRED,
+  login_link: i18nKeys.REGISTER_LOGIN_LINK
+});

package/dist/templates/next-app/eslint.config.mjs

@@ -96,6 +96,13 @@ const eslintConfig = [
       prettier: prettierPlugin,
       '@qlover-eslint': qloverEslint
     },
+    settings: {
+      'import/resolver': {
+        typescript: {
+          project: './tsconfig.json'
+        }
+      }
+    },
     rules: {
       '@qlover-eslint/ts-class-method-return': 'error',
       '@qlover-eslint/require-root-testid': 'error',
@@ -140,6 +147,16 @@ const eslintConfig = [
               pattern: '@/**',
               group: 'internal',
               position: 'after'
+            },
+            {
+              pattern: '@migrations/**',
+              group: 'internal',
+              position: 'after'
+            },
+            {
+              pattern: '@config/**',
+              group: 'internal',
+              position: 'after'
             }
           ],
           // "newlines-between": "always", // 不同组之间空一行

package/dist/templates/next-app/migrations/schema/UserSchema.ts

@@ -0,0 +1,24 @@
+import { z } from 'zod';
+
+export const UserRole = {
+  ADMIN: 0,
+  USER: 1
+} as const;
+
+export type UserRoleType = (typeof UserRole)[keyof typeof UserRole];
+
+export const userSchema = z.object({
+  id: z.number(),
+  role: z.enum(UserRole),
+  email: z.email(),
+  password: z.string(),
+  /**
+   * 加密的token, 包含token, 过期时间
+   */
+  credential_token: z.string(),
+  email_confirmed_at: z.number(),
+  created_at: z.number(),
+  updated_at: z.number()
+});
+
+export type UserSchema = z.infer<typeof userSchema>;

package/dist/templates/next-app/migrations/sql/1694244000000.sql

@@ -0,0 +1,10 @@
+CREATE TABLE IF NOT EXISTS fe_users (
+  id BIGSERIAL PRIMARY KEY,
+  role TEXT NOT NULL,
+  email TEXT NOT NULL,
+  password TEXT NOT NULL,
+  credential_token TEXT,
+  email_confirmed_at TIMESTAMPTZ,
+  created_at TIMESTAMPTZ DEFAULT NOW(),
+  updated_at TIMESTAMPTZ DEFAULT NOW()
+);

package/dist/templates/next-app/next.config.ts

@@ -10,6 +10,7 @@ generateLocales().catch((error) => {
 });
 
 const nextConfig: NextConfig = {
+  // reactStrictMode: false,
   turbopack: {
     root: __dirname // 明确指定根目录
   },

package/dist/templates/next-app/package.json

@@ -25,33 +25,43 @@
     "@qlover/corekit-bridge": "^1.6.4",
     "@qlover/fe-corekit": "^2.1.0",
     "@qlover/slice-store-react": "^1.4.1",
+    "@supabase/auth-helpers-nextjs": "^0.10.0",
+    "@supabase/ssr": "^0.7.0",
+    "@supabase/supabase-js": "^2.57.2",
+    "@types/jsonwebtoken": "^9.0.10",
     "antd": "^5.27.1",
     "clsx": "^2.1.1",
     "inversify": "^7.8.1",
+    "jsonwebtoken": "^9.0.2",
     "lodash": "^4.17.21",
     "next": "15.5.0",
     "next-intl": "^4.3.5",
     "next-themes": "^0.4.6",
     "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "react-dom": "19.1.0",
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@brain-toolkit/ts2locales": "^0.2.3",
     "@eslint/eslintrc": "^3",
+    "@qlover/env-loader": "^0.3.0",
+    "@qlover/eslint-plugin": "latest",
     "@tailwindcss/postcss": "^4",
     "@types/lodash": "^4.17.20",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@qlover/eslint-plugin": "latest",
     "cross-env": "^7.0.3",
+    "dotenv-expand": "^12.0.3",
     "eslint": "^9",
     "eslint-config-next": "15.5.0",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-unused-imports": "^4.2.0",
     "prettier": "^3.6.2",
+    "supabase": "^2.40.7",
     "tailwindcss": "^4",
     "typescript": "^5"
   }

package/dist/templates/next-app/public/locales/en.json

@@ -114,7 +114,7 @@
   "login__with_google": "Sign in with Google",
   "login__no_account": "Don't have an account?",
   "login__create_account": "Create one here",
-  "login__email_required": "Please input your email!",
+  "login__email_required": "Please input a valid email!",
   "login__password_required": "Please input your password!",
   "login__feature__ai_paths": "AI-powered personalized learning paths",
   "login__feature__smart_recommendations": "Smart content recommendations",
@@ -181,5 +181,22 @@
   "page__login__content": "Login Page Content",
   "page__login__keywords": "Login Page Keywords",
   "err__server__auth__error": "Server auth error",
-  "page__home__keywords": "Modern frontend utility library, practical tools, components"
+  "page__home__keywords": "Modern frontend utility library, practical tools, components",
+  "api__user__not_found": "User not found",
+  "api__user__already_exists": "User already exists",
+  "RESPONSE_NOT_OK": "Response not correct",
+  "v_login_params_required": "Not a valid login parameter",
+  "validator_email_invalid": "Invalid email format validation message",
+  "validator_password_min_length": "Password minimum length validation message(6)",
+  "validator_password_max_length": "Password maximum length validation message(50)",
+  "validator_password_special_chars": "Password cannot contain whitespace characters validation message",
+  "page__register__content": "Create Account Page Content",
+  "page__register__keywords": "Create Account Page Keywords",
+  "register__welcome": "Welcome to our platform",
+  "register__feature__ai_paths": "AI Paths",
+  "register__feature__smart_recommendations": "Smart Recommendations",
+  "register__feature__progress_tracking": "Progress Tracking",
+  "page__head__admin__title": "Admin Backend",
+  "api__not_authorized": "Not authorized",
+  "api__page__invalid": "Page number is incorrect"
 }

package/dist/templates/next-app/public/locales/zh.json

@@ -114,7 +114,7 @@
   "login__with_google": "使用 Google 登录",
   "login__no_account": "还没有账号？",
   "login__create_account": "在此创建",
-  "login__email_required": "请输入您的邮箱！",
+  "login__email_required": "请输入正确的邮箱！",
   "login__password_required": "请输入您的密码！",
   "login__feature__ai_paths": "AI驱动的个性化学习路径",
   "login__feature__smart_recommendations": "智能内容推荐",
@@ -181,5 +181,22 @@
   "page__login__content": "登录页面内容",
   "page__login__keywords": "登录页面关键词",
   "err__server__auth__error": "服务器认证错误",
-  "page__home__keywords": "现代前端实用库, 实用工具, 组件"
+  "page__home__keywords": "现代前端实用库, 实用工具, 组件",
+  "api__user__not_found": "用户未找到",
+  "api__user__already_exists": "用户已存在",
+  "RESPONSE_NOT_OK": "响应不正确",
+  "v_login_params_required": "不是一个有效的登录参数",
+  "validator_email_invalid": "邮箱格式无效的验证消息",
+  "validator_password_min_length": "密码最小长度验证消息(6)",
+  "validator_password_max_length": "密码最大长度验证消息(50)",
+  "validator_password_special_chars": "密码不能包含空格的验证消息",
+  "page__register__content": "创建账号页面内容",
+  "page__register__keywords": "创建账号页面关键词",
+  "register__welcome": "欢迎来到我们的平台",
+  "register__feature__ai_paths": "AI路径",
+  "register__feature__smart_recommendations": "智能推荐",
+  "register__feature__progress_tracking": "进度跟踪",
+  "page__head__admin__title": "管理后台",
+  "api__not_authorized": "未授权",
+  "api__page__invalid": "页码不正确"
 }

package/dist/templates/next-app/src/app/[locale]/admin/layout.tsx

@@ -0,0 +1,18 @@
+import { PageParams } from '@/base/cases/PageParams';
+import type { PageLayoutProps } from '@/base/types/PageProps';
+import '@/styles/css/index.css';
+import { AdminLayout } from '@/uikit/components/AdminLayout';
+
+export default async function AdminRootLayout({
+  children,
+  params
+}: PageLayoutProps) {
+  const pageParams = new PageParams(await params!);
+  const locale = pageParams.getLocale();
+
+  return (
+    <AdminLayout data-testid="AdminRootLayout" lang={locale}>
+      {children}
+    </AdminLayout>
+  );
+}

package/dist/templates/next-app/src/app/[locale]/admin/page.tsx

@@ -0,0 +1,22 @@
+import type { Metadata } from 'next';
+
+function AdminPageClient() {
+  return <div data-testid="AdminPage">Admin Page</div>;
+}
+
+export const metadata: Metadata = {
+  title: 'Admin Dashboard',
+  description: 'Admin dashboard for managing application resources',
+  robots: {
+    index: false,
+    follow: false
+  }
+};
+
+export default function AdminPage() {
+  return (
+    <div data-testid="AdminPageWrapper">
+      <AdminPageClient />
+    </div>
+  );
+}

package/dist/templates/next-app/src/app/[locale]/admin/users/page.tsx

@@ -0,0 +1,62 @@
+'use client';
+
+import { Table } from 'antd';
+import { useEffect, useRef } from 'react';
+import { AdminUserService } from '@/base/services/AdminUserService';
+import { useIOC } from '@/uikit/hook/useIOC';
+import { useStore } from '@/uikit/hook/useStore';
+import { userSchema, type UserSchema } from '@migrations/schema/UserSchema';
+import type { ColumnsType } from 'antd/es/table';
+
+const baseColumns: ColumnsType<UserSchema> = Object.keys(
+  userSchema.omit({
+    password: true,
+    credential_token: true
+  }).shape
+).map((key) => ({
+  title: key,
+  dataIndex: key
+}));
+
+export default function UsersPage() {
+  const adminUserService = useIOC(AdminUserService);
+
+  const listParams = useStore(adminUserService, (state) => state.listParams);
+  const listState = useStore(adminUserService, (state) => state.listState);
+  const mouted = useRef(false);
+
+  useEffect(() => {
+    if (!mouted.current) {
+      mouted.current = true;
+      adminUserService.initialize();
+    }
+  }, []);
+
+  const dataSource = listState.result?.list as UserSchema[];
+
+  const columns: ColumnsType<UserSchema> = baseColumns;
+
+  return (
+    <div data-testid="UsersPage">
+      <Table
+        rowKey="id"
+        columns={columns}
+        dataSource={dataSource}
+        loading={listState.loading}
+        scroll={{ x: true }}
+        pagination={{
+          pageSizeOptions: [10, 20, 50],
+          current: listParams.page,
+          pageSize: listParams.pageSize,
+          total: listState.result?.total,
+          onChange: (page, pageSize) => {
+            adminUserService.changeListParams({
+              page,
+              pageSize
+            });
+          }
+        }}
+      />
+    </div>
+  );
+}

package/dist/templates/next-app/src/app/[locale]/layout.tsx

@@ -1,8 +1,8 @@
 import { NextIntlClientProvider } from 'next-intl';
-import { themeConfig } from '@config/theme';
 import { PageParams } from '@/base/cases/PageParams';
 import type { PageLayoutProps } from '@/base/types/PageProps';
 import { ComboProvider } from '@/uikit/components/ComboProvider';
+import { themeConfig } from '@config/theme';
 import '@/styles/css/index.css';
 
 export default async function RootLayout({

package/dist/templates/next-app/src/app/[locale]/login/LoginForm.tsx

@@ -2,11 +2,13 @@
 
 import { UserOutlined, LockOutlined, GoogleOutlined } from '@ant-design/icons';
 import { Form, Input, Button } from 'antd';
+import { useTranslations } from 'next-intl';
 import { useState } from 'react';
-import { I } from '@config/IOCIdentifier';
+import { LoginValidator } from '@/server/validators/LoginValidator';
 import { LocaleLink } from '@/uikit/components/LocaleLink';
 import { useIOC } from '@/uikit/hook/useIOC';
 import type { LoginI18nInterface } from '@config/i18n/loginI18n';
+import { I } from '@config/IOCIdentifier';
 
 interface LoginFormData {
   email: string;
@@ -15,7 +17,10 @@ interface LoginFormData {
 
 export function LoginForm(props: { tt: LoginI18nInterface }) {
   const { tt } = props;
+  const t = useTranslations();
   const userService = useIOC(I.UserServiceInterface);
+  const logger = useIOC(I.Logger);
+  const appConfig = useIOC(I.AppConfig);
   const routerService = useIOC(I.RouterServiceInterface);
   const [loading, setLoading] = useState(false);
 
@@ -25,7 +30,7 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
       await userService.login(values);
       routerService.gotoHome();
     } catch (error) {
-      console.error('Login error:', error);
+      logger.error(error);
     } finally {
       setLoading(false);
     }
@@ -38,30 +43,45 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
       onFinish={handleLogin}
       layout="vertical"
       className="space-y-4"
+      validateTrigger="onSubmit"
+      initialValues={{
+        email: appConfig.testLoginEmail,
+        password: appConfig.testLoginPassword
+      }}
     >
       <Form.Item
         name="email"
-        rules={[{ required: true, message: tt.emailRequired }]}
+        rules={[{ required: true, type: 'email', message: tt.emailRequired }]}
       >
         <Input
           prefix={<UserOutlined className="text-text-tertiary" />}
           placeholder={tt.email}
           title={tt.emailTitle}
           className="h-12 text-base bg-secondary border-c-border"
-          autoComplete="off"
         />
       </Form.Item>
 
       <Form.Item
         name="password"
-        rules={[{ required: true, message: tt.passwordRequired }]}
+        rules={[
+          { required: true, message: tt.passwordRequired },
+          {
+            validator(_, value) {
+              const validator = new LoginValidator();
+              const result = validator.validatePassword(value);
+              if (result != null) {
+                return Promise.reject(t(result.message));
+              }
+              return Promise.resolve();
+            }
+          }
+        ]}
       >
         <Input.Password
           prefix={<LockOutlined />}
           placeholder={tt.password}
           title={tt.passwordTitle}
           className="h-12 text-base"
-          autoComplete="new-password"
         />
       </Form.Item>
 

package/dist/templates/next-app/src/app/[locale]/login/page.tsx

@@ -1,12 +1,12 @@
 import { notFound } from 'next/navigation';
-import { loginI18n, i18nConfig } from '@config/i18n';
 import { PageParams, type PageParamsType } from '@/base/cases/PageParams';
-import { ServerAuth } from '@/base/cases/ServerAuth';
 import type { PageParamsProps } from '@/base/types/PageProps';
 import { BootstrapServer } from '@/core/bootstraps/BootstrapServer';
 import { redirect } from '@/i18n/routing';
+import { ServerAuth } from '@/server/ServerAuth';
 import { BaseLayout } from '@/uikit/components/BaseLayout';
-import { FeatureItem } from './FeatureItem';
+import { FeatureItem } from '@/uikit/components/FeatureItem';
+import { loginI18n, i18nConfig } from '@config/i18n';
 import { LoginForm } from './LoginForm';
 import type { Metadata } from 'next';
 
@@ -43,7 +43,7 @@ export default async function LoginPage(props: PageParamsProps) {
 
   const server = new BootstrapServer();
 
-  if (await new ServerAuth(server).hasAuth()) {
+  if (await server.getIOC(ServerAuth).hasAuth()) {
     return redirect({ href: '/', locale: params.locale! });
   }
 
@@ -52,7 +52,9 @@ export default async function LoginPage(props: PageParamsProps) {
   return (
     <BaseLayout
       data-testid="LoginPage"
-      className="text-xs1 bg-primary flex flex-col min-h-screen"
+      mainProps={{
+        className: 'text-xs1 bg-primary flex min-h-screen'
+      }}
     >
       <div className="hidden lg:flex bg-secondary lg:w-1/2 p-12 flex-col">
         <h1 className="text-4xl font-bold text-text mb-4">{tt.welcome}</h1>