signups

src/components/NavBar.tsx

@@ -1,9 +1,15 @@
 import { PropsWithChildren } from 'react'
+import { useUser } from '../app/user/userStore.ts'
+import NavButton from './buttons/NavButton.tsx'
 
 type NavBarProps = unknown
 
 export default function NavBar({ children }: PropsWithChildren<NavBarProps>) {
+  const { user } = useUser()
   return (
-    <nav className={`w-full flex flex-row justify-end gap-4 px-4 md:px-8 py-3`}>{children}</nav>
+    <nav className={`w-full flex flex-row justify-end gap-4 px-4 md:px-8 py-3`}>
+      {children}
+      {user?.isSuperUser && <NavButton to={'/admin/codes'}>admin</NavButton>}
+    </nav>
   )
 }

src/components/buttons/NavButton.tsx

@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react'
 import { Link } from 'react-router-dom'
 interface NavLinkButtonProps {
   to: string | To
+  className?: string
 }
 
 interface To {
@@ -10,9 +11,13 @@ interface To {
   hash?: string
 }
 
-export default function NavButton({ to, children }: PropsWithChildren<NavLinkButtonProps>) {
+export default function NavButton({
+  to,
+  className: extraClasses = '',
+  children,
+}: PropsWithChildren<NavLinkButtonProps>) {
   return (
-    <Link className={`text-primary-500`} to={to}>
+    <Link className={`text-primary-500 hover:text-primary-600 ${extraClasses}`} to={to}>
       {children}
     </Link>
   )