flotilla/src/app/components/UnreadDot.svelte
Coracle-Bot bec000b05c Show which item raised an unread dot on every content board (#419)
Co-authored-by: Coracle-Bot <npub1klq6260@nostr.local>
2026-09-03 20:13:21 +00:00

16 lines
397 B
Svelte

<script lang="ts">
import cx from "classnames"
import {fade} from "@lib/transition"
import {notifications} from "@app/notifications"
type Props = {
path: string
class?: string
}
const {path, class: className}: Props = $props()
</script>
{#if $notifications.has(path)}
<div class={cx("inline-block h-2 w-2 rounded-full bg-primary", className)} transition:fade></div>
{/if}