style(auth): remove debug border from AuthPanel, clean up console.log

This commit is contained in:
emil
2026-05-15 03:55:51 +03:00
parent 6f2d9aff5d
commit 5b6247ff7c
-14
View File
@@ -4,10 +4,6 @@ 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
@@ -52,13 +48,3 @@ const user = Astro.locals.user;
</DmButton> </DmButton>
</div> </div>
)} )}
</div>
<script>
(function () {
const el = document.querySelector('[data-auth-state]');
const state = el?.getAttribute('data-auth-state');
const userName = el?.getAttribute('data-user-name');
console.log('[AuthPanel] Client auth state:', state, userName ? { userName } : '');
})();
</script>