feat: 每次进入请求用户信息

7 months ago · 709fb35b03
parent 705f02f7ae
commit 709fb35b03
5 changed files with 29 additions and 3 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -3,7 +3,7 @@ import Script from 'next/script';
 import { Toaster } from '@/components/ui/toaster';
-import { Header, Footer, PlayerBar, ScrollTopButton } from '@/components';
+import { Header, App, Footer, PlayerBar, ScrollTopButton } from '@/components';
 import './globals.css';
@ -31,6 +31,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
  return (
    <html lang="zn-ch" className="relative">
      <body>
        <App />
        <Header className="absolute top-0" />
        <div>{children}</div>
        <Footer />
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@ -0,0 +1,21 @@
 'use client';
 import { useEffect } from 'react';
 import { useShallow } from 'zustand/react/shallow';
 import { useUserStore } from '@/store';
 export default function APP() {
  const { getUserInfo } = useUserStore(
    useShallow((state) => ({
      getUserInfo: state.getUserInfo,
    })),
  );
  useEffect(() => {
    getUserInfo();
  }, []);
  return <div></div>;
 }
--- a/src/components/Header/Auth.tsx
+++ b/src/components/Header/Auth.tsx
@ -13,8 +13,6 @@ export default function Auth() {
  const { userInfo } = useUserStore(
    useShallow((state) => ({
      userInfo: state.userInfo,
      showLogin: state.showLogin,
      setShowLogin: state.setShowLogin,
    })),
  );
--- a/src/components/index.ts
+++ b/src/components/index.ts
@ -1,3 +1,4 @@
 export { default as App } from './App';
 export { default as Logo } from './Logo';
 export { default as Header } from './Header/Header';
 export { default as Footer } from './Footer/Footer';
--- a/src/store/user.ts
+++ b/src/store/user.ts
@ -1,3 +1,8 @@
 /**
 * 这里需要改一下，最好能在初始化的时候刷新一次 UserInfo
 * https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#usage-in-nextjs
 */
 import { produce } from 'immer';
 // import { setCookie } from 'nookies';
 import { create } from 'zustand';