wip

src/components/NavBar.tsx

@@ -1,31 +1,9 @@
-import { useUser } from '../app/user/userStore'
-import NavLinkButton from './NavLinkButton'
+import { PropsWithChildren } from 'react'
 
-export default function NavBar() {
-  const { user } = useUser()
-
-  const loggedIn = user != null
+type NavBarProps = unknown
 
+export default function NavBar({ children }: PropsWithChildren<NavBarProps>) {
   return (
-    <nav className={`w-full flex flex-row-reverse gap-4 px-4 md:px-8 py-0.5`}>
-      {loggedIn ? <LoggedInContent /> : <LoggedOutContent />}
-    </nav>
-  )
-}
-
-function LoggedInContent() {
-  return (
-    <>
-      <NavLinkButton to="/logout">logout</NavLinkButton>
-    </>
-  )
-}
-
-function LoggedOutContent() {
-  return (
-    <>
-      <NavLinkButton to="/signup">register</NavLinkButton>
-      <NavLinkButton to="/login">login</NavLinkButton>{' '}
-    </>
+    <nav className={`w-full flex flex-row justify-end gap-4 px-4 md:px-8 py-3`}>{children}</nav>
   )
 }