Add mobile nav notification badges

This commit is contained in:
Jon Staab
2024-11-14 12:16:44 -08:00
parent 14ad4ec785
commit 2978d91977
11 changed files with 128 additions and 131 deletions
+11 -17
View File
@@ -1,6 +1,5 @@
<script lang="ts">
import {onMount} from "svelte"
import {page} from "$app/stores"
import {ctx} from "@welshman/lib"
import {WRAP} from "@welshman/util"
import type {TrustedEvent} from "@welshman/util"
@@ -56,22 +55,17 @@
<Icon icon="magnifer" />
<input bind:value={term} class="grow" type="text" />
</label>
{#key $page.params.chat}
<div class="overflow-auto">
{#each chats as { id, pubkeys, messages } (id)}
<ChatItem {id} {pubkeys} {messages} />
{/each}
{#await promise}
<div class="border-t border-solid border-base-100 px-6 py-4 text-xs">
<Spinner loading>Loading conversations...</Spinner>
</div>
{/await}
</div>
{/key}
<div class="overflow-auto">
{#each chats as { id, pubkeys, messages } (id)}
<ChatItem {id} {pubkeys} {messages} />
{/each}
{#await promise}
<div class="border-t border-solid border-base-100 px-6 py-4 text-xs">
<Spinner loading>Loading conversations...</Spinner>
</div>
{/await}
</div>
</SecondaryNav>
<Page>
{#key JSON.stringify($page.params)}
<slot />
{/key}
<slot />
</Page>
+7
View File
@@ -1,4 +1,6 @@
<script lang="ts">
import {page} from "$app/stores"
import {onDestroy} from "svelte"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import ContentSearch from "@lib/components/ContentSearch.svelte"
@@ -6,12 +8,17 @@
import ChatStart from "@app/components/ChatStart.svelte"
import {chatSearch} from "@app/state"
import {pushModal} from "@app/modal"
import {setChecked} from "@app/notifications"
let term = ""
const startChat = () => pushModal(ChatStart)
$: chats = $chatSearch.searchOptions(term).filter(c => c.pubkeys.length > 1)
onDestroy(() => {
setChecked($page.url.pathname)
})
</script>
<div class="hidden min-h-screen md:hero">