tweak(dashboard): lock icon actually unlocks

This commit is contained in:
Jake Fulmine 2022-11-27 20:13:38 +01:00
parent 43c59e7fe2
commit a189d740ab

View File

@ -2,6 +2,7 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { Container, Card, CardHeader, CardBody, CardTitle, Col, Row, Spinner, Input, Button, Label, Alert } from 'sveltestrap'; import { Container, Card, CardHeader, CardBody, CardTitle, Col, Row, Spinner, Input, Button, Label, Alert } from 'sveltestrap';
import FaLockOpen from 'svelte-icons/fa/FaLockOpen.svelte'; import FaLockOpen from 'svelte-icons/fa/FaLockOpen.svelte';
import FaLock from 'svelte-icons/fa/FaLock.svelte'
import { loggedIn, currentUser } from '../stores'; import { loggedIn, currentUser } from '../stores';
import { Link } from 'svelte-navigator'; import { Link } from 'svelte-navigator';
import twemoji from 'twemoji'; import twemoji from 'twemoji';
@ -89,7 +90,11 @@
<CardHeader> <CardHeader>
<CardTitle style="margin-top: 8px; outline: none;"> <CardTitle style="margin-top: 8px; outline: none;">
<div class="icon d-inline-block"> <div class="icon d-inline-block">
{#if !isLoggedIn}
<FaLock/>
{:else}
<FaLockOpen /> <FaLockOpen />
{/if}
</div>Log in {#if loading} <div style="float: right"><Spinner color="primary" /></div> {/if} </div>Log in {#if loading} <div style="float: right"><Spinner color="primary" /></div> {/if}
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>