flotilla/src/app/components/ClassifiedStatus.svelte
2026-08-27 15:51:31 -07:00

21 lines
530 B
Svelte

<script lang="ts">
import type {TrustedEvent} from "@welshman/util"
import {Classified} from "@welshman/domain"
import {ucFirst} from "@lib/util"
import Badge from "@lib/components/Badge.svelte"
import {reader} from "@app/core"
type Props = {
event: TrustedEvent
}
const {event}: Props = $props()
const status = $derived(reader(Classified)(event).status())
</script>
{#if status}
<Badge variant={status !== "active" ? "primary" : "neutral"} class="rounded-full">
{ucFirst(status)}
</Badge>
{/if}