fix: pc端修改

apps/user/components/Header/Header.tsx

@@ -8,8 +8,7 @@ import Image from 'next/legacy/image';
 import Link from 'next/link';
 import LanguageSwitch from '../language-switch';
 // import ThemeSwitch from '../theme-switch';
-import EmailAuthDialog, { EmailAuthDialogRef } from '@/app/auth/EmailAuthDialog/EmailAuthDialog';
-import { useRef } from 'react';
+import { useLoginDialog } from '@/app/auth/LoginDialogContext';
 import { UserNav } from '../user-nav';
 
 export default function Header() {
@@ -18,20 +17,11 @@ export default function Header() {
   const { user } = useGlobalStore();
   const Logo = (
     <Link href='/' className='-mt-2.5 flex items-center gap-2 font-bold'>
-      <Image
-        src={'image.png'}
-        width={102}
-        height={49}
-        alt='logo'
-        fill={true}
-        objectFit='cover'
-        unoptimized
-      />
+      <Image src={'image.png'} width={102} height={49} alt='logo' objectFit='cover' unoptimized />
     </Link>
   );
 
-  const dialogRef = useRef<EmailAuthDialogRef>(null);
-
+  const { openLoginDialog } = useLoginDialog();
   return (
     <>
       <header className='fixed top-10 z-50 w-full'>
@@ -47,7 +37,7 @@ export default function Header() {
               {!user && (
                 <Link
                   href='#'
-                  onClick={() => dialogRef.current?.show()}
+                  onClick={() => openLoginDialog()}
                   className={cn(
                     buttonVariants({
                       size: 'lg',
@@ -63,8 +53,6 @@ export default function Header() {
           </div>
         </div>
       </header>
-      {/*  登录注册弹窗 */}
-      <EmailAuthDialog ref={dialogRef} />
     </>
   );
 }

apps/user/components/Header/header.tsx

@@ -1,48 +0,0 @@
-'use client';
-
-import useGlobalStore from '@/config/use-global';
-import { buttonVariants } from '@workspace/ui/components/button';
-import { useTranslations } from 'next-intl';
-import Image from 'next/legacy/image';
-import Link from 'next/link';
-import LanguageSwitch from '../language-switch';
-import { UserNav } from '../user-nav';
-
-export default function Header() {
-  const t = useTranslations('common');
-
-  const { common, user } = useGlobalStore();
-  const { site } = common;
-  const Logo = (
-    <Link href='/' className='flex items-center gap-2 text-lg font-bold'>
-      {site.site_logo && (
-        <Image src={site.site_logo} width={48} height={48} alt='logo' unoptimized />
-      )}
-      <span className=''>{site.site_name}</span>
-    </Link>
-  );
-  return (
-    <header className='sticky top-0 z-50 border-b backdrop-blur-md'>
-      <div className='container flex h-16 items-center justify-between'>
-        <nav className='flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6'>
-          {Logo}
-        </nav>
-        <div className='flex flex-1 items-center justify-end gap-2'>
-          <LanguageSwitch />
-          {/*<ThemeSwitch />*/}
-          <UserNav />
-          {!user && (
-            <Link
-              href='/'
-              className={buttonVariants({
-                size: 'sm',
-              })}
-            >
-              {t('login')}
-            </Link>
-          )}
-        </div>
-      </div>
-    </header>
-  );
-}