From 4ecbdca23ed480d1122c676d04b66a9cd5a1fd8f Mon Sep 17 00:00:00 2001
From: sobird <i@sobird.me>
Date: Fri, 22 Nov 2024 19:20:39 +0800
Subject: [PATCH] chore: user signup page update

---
 app/(authentication)/layout.module.scss       |  2 +-
 app/(authentication)/signin/page.tsx          |  2 +-
 app/(authentication)/signup/form.tsx          |  2 +-
 app/(authentication)/signup/index.module.scss |  3 ++
 app/(authentication)/signup/page.module.scss  |  1 -
 app/(authentication)/signup/page.tsx          | 28 ++++++++++++++++---
 6 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 app/(authentication)/signup/index.module.scss
 delete mode 100644 app/(authentication)/signup/page.module.scss

diff --git a/app/(authentication)/layout.module.scss b/app/(authentication)/layout.module.scss
index 6119bac..876b232 100644
--- a/app/(authentication)/layout.module.scss
+++ b/app/(authentication)/layout.module.scss
@@ -9,7 +9,7 @@
     margin-top: 100px;
   }
   :global .account-container {
-    padding: 20px 40px;
+    padding: 20px 30px;
     background-color: #fff;
     box-shadow: 0 4px 6px rgba(0,0,0,.1), 0 12px 20px rgba(38,38,38,.12);
     border-radius: 8px;
diff --git a/app/(authentication)/signin/page.tsx b/app/(authentication)/signin/page.tsx
index cdc7bcf..665c669 100644
--- a/app/(authentication)/signin/page.tsx
+++ b/app/(authentication)/signin/page.tsx
@@ -9,7 +9,6 @@
 import { Divider, Typography } from 'antd';
 import { Metadata } from 'next';
 import Link from 'next/link';
-import { getProviders } from 'next-auth/react';
 
 import Providers from '@/components/providers';
 
@@ -36,6 +35,7 @@ const SigninPage: AppPage<{}, SearchParams> = async ({ searchParams }) => {
           还没有账号？
           <Link href="/signup">立即注册</Link>
         </Typography>
+
         <Divider plain>其他登录方式</Divider>
 
         <Providers callbackUrl={callbackUrl} />
diff --git a/app/(authentication)/signup/form.tsx b/app/(authentication)/signup/form.tsx
index 4142984..73abe65 100644
--- a/app/(authentication)/signup/form.tsx
+++ b/app/(authentication)/signup/form.tsx
@@ -41,7 +41,7 @@ export const SignupForm = () => {
           <Input placeholder="用户名" />
         </Form.Item>
         <Form.Item name="password" rules={[passwordRule]}>
-          <Input.Password placeholder="登录密码" />
+          <Input.Password placeholder="登录密码，最少8位字母/数字/符号组合" />
         </Form.Item>
         <Form.Item name="confirmPassword" dependencies={['password']} rules={[passwordRule]}>
           <Input.Password placeholder="密码确认" />
diff --git a/app/(authentication)/signup/index.module.scss b/app/(authentication)/signup/index.module.scss
new file mode 100644
index 0000000..6bfb09f
--- /dev/null
+++ b/app/(authentication)/signup/index.module.scss
@@ -0,0 +1,3 @@
+.container {
+  padding-top: 30px !important;
+}
diff --git a/app/(authentication)/signup/page.module.scss b/app/(authentication)/signup/page.module.scss
deleted file mode 100644
index 8b13789..0000000
--- a/app/(authentication)/signup/page.module.scss
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/app/(authentication)/signup/page.tsx b/app/(authentication)/signup/page.tsx
index 9b18402..1eaf37f 100644
--- a/app/(authentication)/signup/page.tsx
+++ b/app/(authentication)/signup/page.tsx
@@ -1,10 +1,30 @@
+import { Divider, Typography } from 'antd';
+import classNames from 'classnames';
+import Link from 'next/link';
+
+import Providers from '@/components/providers';
+
 import { SignupForm } from './form';
+import styles from './index.module.scss';
+
+export default async function RegisterPage({ searchParams }) {
+  const { callbackUrl } = await searchParams;
 
-export default function RegisterPage() {
   return (
-    <div className="auth-form">
+    <>
       <h1>注册</h1>
-      <SignupForm />
-    </div>
+      <div className={classNames('account-container', styles.container)}>
+        <SignupForm />
+
+        <Typography>
+          已有账号？
+          <Link href="/signin">立即登录</Link>
+        </Typography>
+
+        <Divider plain>其他登录方式</Divider>
+
+        <Providers callbackUrl={callbackUrl} />
+      </div>
+    </>
   );
 }