Process 1 build 0203261953

frontend/app/ui/AdminSidebar.tsx

@@ -27,7 +27,7 @@ const NAV_GROUPS = [
     title: 'Admin',
     items: [
       { href: '/admin/notifications', label: 'Notifications' },
-      { href: '/admin/system', label: 'System guide' },
+      { href: '/admin/system', label: 'How it works' },
       { href: '/admin/site', label: 'Site' },
       { href: '/users', label: 'Users' },
       { href: '/admin/invites', label: 'Invite management' },

frontend/app/ui/HeaderActions.tsx

@@ -5,7 +5,6 @@ import { authFetch, clearToken, getApiBase, getToken } from '../lib/auth'
 
 export default function HeaderActions() {
   const [signedIn, setSignedIn] = useState(false)
-  const [role, setRole] = useState<string | null>(null)
 
   useEffect(() => {
     const token = getToken()
@@ -20,11 +19,9 @@ export default function HeaderActions() {
         if (!response.ok) {
           clearToken()
           setSignedIn(false)
-          setRole(null)
           return
         }
-        const data = await response.json()
-        setRole(data?.role ?? null)
+        await response.json()
       } catch (err) {
         console.error(err)
       }
@@ -39,9 +36,13 @@ export default function HeaderActions() {
   return (
     <div className="header-actions">
       <a className="header-cta header-cta--left" href="/feedback">Send feedback</a>
-      <a href="/">Requests</a>
-      <a href="/how-it-works">How it works</a>
-      {role === 'admin' && <a href="/admin">Settings</a>}
+      <div className="header-actions-center">
+        <a href="/how-it-works">How it works</a>
+      </div>
+      <div className="header-actions-right">
+        <a href="/">Requests</a>
+        <a href="/profile/invites">Invites</a>
+      </div>
     </div>
   )
 }

frontend/app/ui/HeaderIdentity.tsx

@@ -75,9 +75,11 @@ export default function HeaderIdentity() {
             <a href="/profile" onClick={() => setOpen(false)}>
               My profile
             </a>
-            <a href="/profile/invites" onClick={() => setOpen(false)}>
-              My invites
-            </a>
+            {identity.role === 'admin' ? (
+              <a href="/admin" onClick={() => setOpen(false)}>
+                Settings
+              </a>
+            ) : null}
             <a href="/changelog" onClick={() => setOpen(false)}>
               Changelog
             </a>