From d0c88c4a8a5139086ffc40741981be71599dc430 Mon Sep 17 00:00:00 2001
From: icy <icyoung520@gmail.com>
Date: Sun, 2 Nov 2025 06:42:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20restore=20header=20bar=20and=20fix=20lay?=
 =?UTF-8?q?out=20in=20RegisterPage=20-=20Add=20HeaderBar=20component=20to?=
 =?UTF-8?q?=20registration=20page=20-=20Change=20background=20to=20use=20C?=
 =?UTF-8?q?SS=20variables=20(var(--brand-black))=20-=20Remove=20"back=20to?=
 =?UTF-8?q?=20home"=20button=20-=20Update=20layout=20structure=20to=20matc?=
 =?UTF-8?q?h=20LoginPage=20pattern=20-=20Fix=20container=20padding=20and?=
 =?UTF-8?q?=20spacing=20=F0=9F=A4=96=20Generated=20with=20[Claude=20Code](?=
 =?UTF-8?q?https://claude.ai/code)=20Co-Authored-By:=20tinkle-community=20?=
 =?UTF-8?q?<tinklefund@gmail.com>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/RegisterPage.tsx | 40 +++++++++++++++--------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/web/src/components/RegisterPage.tsx b/web/src/components/RegisterPage.tsx
index 1a4ae370..df0ac7e9 100644
--- a/web/src/components/RegisterPage.tsx
+++ b/web/src/components/RegisterPage.tsx
@@ -3,7 +3,7 @@ import { useAuth } from '../contexts/AuthContext';
 import { useLanguage } from '../contexts/LanguageContext';
 import { t } from '../i18n/translations';
 import { getSystemConfig } from '../lib/config';
-import { ArrowLeft } from 'lucide-react';
+import HeaderBar from './landing/HeaderBar';
 
 export function RegisterPage() {
   const { language } = useLanguage();
@@ -88,25 +88,26 @@ export function RegisterPage() {
   };
 
   return (
-    <div className="min-h-screen flex items-center justify-center" style={{ background: '#0B0E11' }}>
-      <div className="w-full max-w-md">
-        {/* Back to Home */}
-        {step === 'register' && (
-          <button
-            onClick={() => {
-              window.history.pushState({}, '', '/');
-              window.dispatchEvent(new PopStateEvent('popstate'));
-            }}
-            className="flex items-center gap-2 mb-6 text-sm hover:text-[#F0B90B] transition-colors"
-            style={{ color: '#848E9C' }}
-          >
-            <ArrowLeft className="w-4 h-4" />
-            返回首页
-          </button>
-        )}
+    <div className="min-h-screen" style={{ background: 'var(--brand-black)' }}>
+      <HeaderBar 
+        isLoggedIn={false} 
+        isHomePage={false}
+        currentPage="register"
+        language={language}
+        onLanguageChange={() => {}}
+        onPageChange={(page) => {
+          console.log('RegisterPage onPageChange called with:', page);
+          if (page === 'competition') {
+            window.location.href = '/competition';
+          }
+        }}
+      />
 
-        {/* Logo */}
-        <div className="text-center mb-8">
+      <div className="flex items-center justify-center pt-20" style={{ minHeight: 'calc(100vh - 80px)' }}>
+        <div className="w-full max-w-md">
+
+          {/* Logo */}
+          <div className="text-center mb-8">
           <div className="w-16 h-16 mx-auto mb-4 flex items-center justify-center">
             <img src="/icons/nofx.svg" alt="NoFx Logo" className="w-16 h-16 object-contain" />
           </div>
@@ -357,6 +358,7 @@ export function RegisterPage() {
             </p>
           </div>
         )}
+        </div>
       </div>
     </div>
   );