Process 1 build 0203261953

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>
   )
 }