debug(auth): add visible debug border and user state to AuthPanel

This commit is contained in:
emil
2026-05-15 03:40:01 +03:00
parent 08161dcdd1
commit 38a778f3de
+5
View File
@@ -4,6 +4,10 @@ import DmButton from './DmButton.astro';
const user = Astro.locals.user; const user = Astro.locals.user;
--- ---
<!-- DEBUG: user={JSON.stringify(user)} -->
<div class="border border-dashed border-[var(--accent)] rounded-lg p-2 min-w-[200px]">
<div class="text-xs text-[var(--accent)] mb-1 font-mono">AuthPanel: {user ? 'logged-in' : 'logged-out'}</div>
{!user ? ( {!user ? (
<div class="flex flex-col sm:flex-row gap-3" data-auth-state="logged-out"> <div class="flex flex-col sm:flex-row gap-3" data-auth-state="logged-out">
<DmButton <DmButton
@@ -48,6 +52,7 @@ const user = Astro.locals.user;
</DmButton> </DmButton>
</div> </div>
)} )}
</div>
<script> <script>
(function () { (function () {