From e1277ac9a7f5e8b6d8cfa3bf2cb55996ca60e60f Mon Sep 17 00:00:00 2001
From: Snowykami <snowykami@outlook.com>
Date: Tue, 23 Sep 2025 00:36:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8F=90=E5=8F=96=E5=B9=B6=E9=87=8D?=
 =?UTF-8?q?=E7=94=A8=20AuthHeader=20=E7=BB=84=E4=BB=B6=EF=BC=8C=E7=AE=80?=
 =?UTF-8?q?=E5=8C=96=E7=99=BB=E5=BD=95=E5=92=8C=E9=87=8D=E7=BD=AE=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/app/login/page.tsx                | 16 ++--------------
 web/src/app/reset-password/page.tsx       | 17 ++---------------
 web/src/components/common/auth-header.tsx | 19 +++++++++++++++++++
 3 files changed, 23 insertions(+), 29 deletions(-)
 create mode 100644 web/src/components/common/auth-header.tsx

diff --git a/web/src/app/login/page.tsx b/web/src/app/login/page.tsx
index 562f99a..497ed2b 100644
--- a/web/src/app/login/page.tsx
+++ b/web/src/app/login/page.tsx
@@ -1,24 +1,12 @@
-import Image from 'next/image'
 import { Suspense } from 'react'
 import { LoginForm } from '@/components/login/login-form'
-import config from '@/config'
+import { AuthHeader } from '@/components/common/auth-header'
 
 function LoginPageContent() {
   return (
     <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
       <div className="flex w-full max-w-sm flex-col gap-6">
-        <a href="#" className="flex items-center gap-3 self-center font-bold text-2xl">
-          <div className="flex size-10 items-center justify-center rounded-full overflow-hidden border-2 border-gray-300 dark:border-gray-600">
-            <Image
-              src={config.metadata.icon}
-              alt="Logo"
-              width={40}
-              height={40}
-              className="rounded-full object-cover"
-            />
-          </div>
-          <span className="font-bold text-2xl">{config.metadata.name}</span>
-        </a>
+        <AuthHeader />
         <LoginForm />
       </div>
     </div>
diff --git a/web/src/app/reset-password/page.tsx b/web/src/app/reset-password/page.tsx
index 5c7b4e3..00e3a12 100644
--- a/web/src/app/reset-password/page.tsx
+++ b/web/src/app/reset-password/page.tsx
@@ -1,23 +1,10 @@
+import { AuthHeader } from "@/components/common/auth-header";
 import { ResetPasswordForm } from "@/components/reset-password/reset-password-form";
-import config from "@/config";
-import Image from "next/image";
-
 export default function Page() {
   return (
     <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
       <div className="flex w-full max-w-sm flex-col gap-6">
-        <a href="#" className="flex items-center gap-3 self-center font-bold text-2xl">
-          <div className="flex size-10 items-center justify-center rounded-full overflow-hidden border-2 border-gray-300 dark:border-gray-600">
-            <Image
-              src={config.metadata.icon}
-              alt="Logo"
-              width={40}
-              height={40}
-              className="rounded-full object-cover"
-            />
-          </div>
-          <span className="font-bold text-2xl">{config.metadata.name}</span>
-        </a>
+        <AuthHeader />
         <ResetPasswordForm />
       </div>
     </div>
diff --git a/web/src/components/common/auth-header.tsx b/web/src/components/common/auth-header.tsx
new file mode 100644
index 0000000..23f0d70
--- /dev/null
+++ b/web/src/components/common/auth-header.tsx
@@ -0,0 +1,19 @@
+import config from "@/config";
+import Image from "next/image";
+
+export function AuthHeader() {
+  return (
+    <div className="flex items-center gap-3 self-center font-bold text-2xl">
+      <div className="flex size-10 items-center justify-center rounded-full overflow-hidden border-2 border-gray-300 dark:border-gray-600">
+        <Image
+          src={config.metadata.icon}
+          alt="Logo"
+          width={40}
+          height={40}
+          className="rounded-full object-cover"
+        />
+      </div>
+      <span className="font-bold text-2xl">{config.metadata.name}</span>
+    </div>
+  )
+}
\ No newline at end of file