forked from coracle/flotilla
Jon Staab
47 lines
1.4 KiB
Svelte
47 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import {fly} from "@lib/transition"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import Page from "@lib/components/Page.svelte"
|
|
import SecondaryNav from "@lib/components/SecondaryNav.svelte"
|
|
import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
|
|
import SecondaryNavSection from "@lib/components/SecondaryNavSection.svelte"
|
|
import LogOut from "@app/components/LogOut.svelte"
|
|
import {pushModal} from "@app/modal"
|
|
|
|
const logout = () => pushModal(LogOut)
|
|
</script>
|
|
|
|
<SecondaryNav>
|
|
<SecondaryNavSection>
|
|
<div in:fly|local>
|
|
<SecondaryNavItem href="/settings/profile">
|
|
<Icon icon="user-circle" /> Profile
|
|
</SecondaryNavItem>
|
|
</div>
|
|
<div in:fly|local={{delay: 50}}>
|
|
<SecondaryNavItem href="/settings/relays">
|
|
<Icon icon="server" /> Relays
|
|
</SecondaryNavItem>
|
|
</div>
|
|
<div in:fly|local={{delay: 100}}>
|
|
<SecondaryNavItem href="/settings">
|
|
<Icon icon="settings" /> Settings
|
|
</SecondaryNavItem>
|
|
</div>
|
|
<div in:fly|local={{delay: 150}}>
|
|
<SecondaryNavItem href="/settings/about">
|
|
<Icon icon="info-square" /> About
|
|
</SecondaryNavItem>
|
|
</div>
|
|
<div in:fly|local={{delay: 200}}>
|
|
<SecondaryNavItem class="text-error hover:text-error" on:click={logout}>
|
|
<Icon icon="exit" /> Log Out
|
|
</SecondaryNavItem>
|
|
</div>
|
|
</SecondaryNavSection>
|
|
</SecondaryNav>
|
|
|
|
<Page>
|
|
<slot />
|
|
</Page>
|