Files
FictionArchive/fictionarchive-web-astro/src/lib/components/GatedAuthDisplay.svelte

13 lines
374 B
Svelte

<script lang="ts">
import { isLoading, isConfigured, login } from '$lib/auth/authStore';
import { Button } from '$lib/components/ui/button';
</script>
{#if $isLoading}
<Button variant="outline" disabled>Loading...</Button>
{:else if !isConfigured}
<span class="text-sm text-yellow-600">Auth not configured</span>
{:else}
<Button onclick={login}>Sign in</Button>
{/if}