From 8d11d0a6c9833a2d69b7a0b6f2a67e83ff3af654 Mon Sep 17 00:00:00 2001
From: hailin <hailin@gdzx.xyz>
Date: Wed, 12 Mar 2025 21:40:24 +0800
Subject: [PATCH] .

---
 apps/blogai/components/header.tsx | 115 ++++++++++++++++++++++++------
 1 file changed, 92 insertions(+), 23 deletions(-)

diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index b296587..9ee008b 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -61,32 +61,9 @@ export function Header() {
 
   return (
     <header className="sticky top-0 z-50 flex  w-full shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem]">
-
-      {/* <MobileLinks className="lg:hidden" />
-        <DesktopLinks className="hidden lg:flex" /> */}
-      <div className="lg:hidden" ></div>
-
-      <div className="hidden lg:flex" >
-        {/* <Button variant="ghost" className='text-base font-bold  hover:bg-[#e5e7eb]' onClick={soonFunc}>
-          {t("header.course")}
-        </Button>
-        <Button variant="ghost" className='text-base font-bold hover:bg-[#e5e7eb]' onClick={soonFunc}>
-          {t("header.models")}
-        </Button>
-        <Button variant="ghost" className='text-base font-bold hover:bg-[#e5e7eb]' onClick={soonFunc}>
-          {t("header.resources")}
-        </Button> */}
-      </div>
-
-      {/* <Image src={logoImage} height={40} alt="show" className="cursor-pointer" onClick={() => {
-        router.push("/")
-        // toast.success('coming soon')
-      }} /> */}
-
       <LogoAI
         className='flex text-center m-auto'
       />
-
       <div className="flex items-center justify-between ">
         <div className="flex items-center ">
           {/* <IconSeparator className="size-6 text-muted-foreground/50" /> */}
@@ -130,6 +107,98 @@ export function Header() {
 }
 
 
+// export function Header() {
+  
+//   const router = useRouter();
+//   const { t } = useTranslation();
+
+//   const [userData, setUserData] = useLocalStorage(
+//     'UserData',
+//     {
+//       auth_token: "",
+//       id: 1,
+//       login_ip: "",
+//       login_time: 0,
+//       role: "",
+//       user_name: "",
+//       version: ""
+//     } as UserData
+//   )
+
+//   const soonFunc = () => {
+//     message.info(t("soon"))
+//   }
+
+//   return (
+//     <header className="sticky top-0 z-50 flex  w-full shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem]">
+
+//       {/* <MobileLinks className="lg:hidden" />
+//         <DesktopLinks className="hidden lg:flex" /> */}
+//       <div className="lg:hidden" ></div>
+
+//       <div className="hidden lg:flex" >
+//         {/* <Button variant="ghost" className='text-base font-bold  hover:bg-[#e5e7eb]' onClick={soonFunc}>
+//           {t("header.course")}
+//         </Button>
+//         <Button variant="ghost" className='text-base font-bold hover:bg-[#e5e7eb]' onClick={soonFunc}>
+//           {t("header.models")}
+//         </Button>
+//         <Button variant="ghost" className='text-base font-bold hover:bg-[#e5e7eb]' onClick={soonFunc}>
+//           {t("header.resources")}
+//         </Button> */}
+//       </div>
+
+//       {/* <Image src={logoImage} height={40} alt="show" className="cursor-pointer" onClick={() => {
+//         router.push("/")
+//         // toast.success('coming soon')
+//       }} /> */}
+
+//       <LogoAI
+//         className='flex text-center m-auto'
+//       />
+
+//       <div className="flex items-center justify-between ">
+//         <div className="flex items-center ">
+//           {/* <IconSeparator className="size-6 text-muted-foreground/50" /> */}
+
+//           {(!!userData && !!userData.user_name) ? (
+//             <div className='flex text-[#1A1A1A]'>
+//               {/* <Button variant="ghost" className='text-base bg-[#f4f4f5] hover:bg-[#e5e7eb]'
+//                 onClick={() => {
+//                   router.push("/subscribe")
+//                 }}
+//               > {t("subscribe.subscribe")}</Button> */}
+//               <UserMenu user={userData} />
+//             </div>
+
+//           ) : (
+//             <div className='flex gap-4 grid-cols-2 text-[#1A1A1A]'>
+//               <Button variant="ghost" className='text-base bg-[#f4f4f5] hover:bg-[#e5e7eb]'>
+//                 <Link href="/#subscribe-target"
+//                 >
+//                   {t('subscribe.subscribe')}
+//                 </Link>
+//               </Button>
+
+
+//               <LoginButton
+//                 variant="ghost"
+//                 // variant="link"
+//                 showGithubIcon={true}
+//                 text={t('login')}
+//                 className="-ml-2 text-base bg-[#f4f4f5] hover:bg-[#e5e7eb]"
+//               />
+//             </div>
+
+
+//           )}
+//         </div>
+//       </div>
+
+//     </header>
+//   )
+// }
+
 
 export function NavBack() {