From f04e36f1b5f559aa230d51c295fea361e8e2dfce Mon Sep 17 00:00:00 2001
From: icy <icyoung520@gmail.com>
Date: Sun, 2 Nov 2025 06:42:51 +0800
Subject: [PATCH] fix: restore header bar and fix layout in RegisterPage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add HeaderBar component to registration page
- Change background to use CSS variables (var(--brand-black))
- Remove "back to home" button
- Update layout structure to match LoginPage pattern
- Fix container padding and spacing

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 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>
   );