mark/muzak
2
0
Fork 0
Code Issues Pull Requests Activity

mv login page to root page

Browse Source
This commit is contained in:
Guus
2025-07-31 23:30:14 +02:00
parent 0812a6b2cb
commit da288f20cd
2 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/AuthStatus.tsx
+5 -6
View File
@@ -49,12 +49,12 @@ export default function AuthStatus() {
return (
<div
className={`${nunito.className} absolute top-4 right-4 flex items-center gap-2 rounded-lg border-4 border-black bg-white/10 px-3 py-2`}
className={`${nunito.className} absolute top-4 right-4 flex items-center gap-2 rounded-lg bg-blue-950/80 px-3 py-2`}
>
{displayState.isAuthenticated ? (
<>
<div className="h-2 w-2 rounded-full bg-green-500"></div>
<span className="text-sm font-medium">
<span className="text-sm font-medium text-white">
{displayState.user?.profile.name || "Authenticated"}
</span>
<button
@@ -62,19 +62,18 @@ export default function AuthStatus() {
void auth.removeUser();
router.push("/");
}}
className="rounded bg-red-500/20 px-2 py-1 text-xs transition-colors hover:bg-red-500/30"
className="ml-1 rounded bg-gray-500/50 px-2 py-1 text-xs transition-colors hover:bg-red-500/30"
>
Uitloggen
</button>
</>
) : (
<>
<div className="h-2 w-2 rounded-full bg-red-500"></div>
<button
onClick={() => void auth.signinRedirect()}
className="rounded bg-blue-500/20 px-2 py-1 text-xs transition-colors hover:bg-blue-500/30"
className="rounded px-1 py-2 text-xs"
>
Inloggen
<div className="h-2 w-2 rounded-full bg-red-500"></div>
</button>
</>
)}