2024-08-05 21:45:16 +00:00
|
|
|
<script lang="ts">
|
2024-08-05 22:28:46 +00:00
|
|
|
import Icon from "lib/components/Icon.svelte"
|
|
|
|
|
import SecondaryNavItem from "lib/components/SecondaryNavItem.svelte"
|
2024-08-05 21:45:16 +00:00
|
|
|
</script>
|
|
|
|
|
|
2024-08-05 22:28:46 +00:00
|
|
|
<div class="flex w-60 flex-col gap-1 bg-base-300 px-2 py-4">
|
2024-08-05 21:45:16 +00:00
|
|
|
<SecondaryNavItem href="/">
|
|
|
|
|
<Icon icon="home-smile" /> Home
|
|
|
|
|
</SecondaryNavItem>
|
|
|
|
|
<SecondaryNavItem href="/friends">
|
|
|
|
|
<Icon icon="user-heart" /> Friends
|
|
|
|
|
</SecondaryNavItem>
|
|
|
|
|
<SecondaryNavItem href="/notes">
|
|
|
|
|
<Icon icon="clipboard-text" /> Saved Notes
|
|
|
|
|
</SecondaryNavItem>
|
2024-08-05 22:28:46 +00:00
|
|
|
<div
|
|
|
|
|
class="text-stark-content flex items-center justify-between px-4 py-2 text-sm font-bold uppercase">
|
2024-08-05 21:45:16 +00:00
|
|
|
Conversations
|
|
|
|
|
<div class="cursor-pointer">
|
|
|
|
|
<Icon icon="add-circle" class="bg-stark-content" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
