Some checks failed
CI / Unit & Component Tests (pull_request) Failing after 1m54s
CI / Backend Unit Tests (pull_request) Failing after 2m55s
CI / E2E Tests (pull_request) Failing after 1h12m45s
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
21 lines
486 B
Svelte
21 lines
486 B
Svelte
<script lang="ts">
|
|
import { statusDotClass, statusLabel } from '$lib/utils/personFormat';
|
|
|
|
type DocumentStatus = 'PLACEHOLDER' | 'UPLOADED' | 'TRANSCRIBED' | 'REVIEWED' | 'ARCHIVED';
|
|
|
|
type Props = {
|
|
status: DocumentStatus;
|
|
};
|
|
|
|
let { status }: Props = $props();
|
|
|
|
const dotClass = $derived(statusDotClass(status));
|
|
const label = $derived(statusLabel(status));
|
|
</script>
|
|
|
|
<span
|
|
class="hidden shrink-0 md:block {dotClass} h-5 w-5 rounded-full"
|
|
title={label}
|
|
aria-label={label}
|
|
></span>
|