实现响应式导航栏组件

src/app/admin/_client/header.tsx

@@ -1,11 +1,14 @@
 'use client'
 import {PanelLeftCloseIcon, PanelLeftOpenIcon} from 'lucide-react'
 import {Button} from '@/components/ui/button'
-import {useLayoutStore} from '@/components/providers/StoreProvider'
+import {useLayoutStore} from '@/app/stores'
 import {merge} from '@/lib/utils'
 import UserCenter from '@/components/composites/user-center'
+import {User} from '@/lib/models'
 
-export type HeaderProps = {}
+export type HeaderProps = {
+  profile: User
+}
 
 export default function Header(props: HeaderProps) {
   const navbar = useLayoutStore(store => store.navbar)
@@ -34,7 +37,7 @@ export default function Header(props: HeaderProps) {
 
       {/* right */}
       <div className="flex-none flex items-center justify-end pr-4">
-        <UserCenter/>
+        <UserCenter profile={props.profile}/>
       </div>
     </header>
   )