Files
console/src/lib/components/usageCard.svelte
T
Torsten Dittmann 235fe34c66 Refactor domain verification status handling
Change verified prop from boolean to boolean|undefined to better represent
three-state verification (undefined/pending, true/verified, false/failed).
Remove "Pending verification" badges and standardize verification error
messages. Fix grid layout for domain metrics and improve error handling
by displaying error messages instead of error objects.
2025-05-30 20:25:09 +02:00

25 lines
802 B
Svelte

<script lang="ts">
import { Card } from '$lib/components';
import { Layout, Skeleton, Typography } from '@appwrite.io/pink-svelte';
export let description: string;
export let value: string | number = null;
</script>
<Card radius="s" padding="xs">
<Layout.Stack gap="xxxs">
<Typography.Caption variant="400" color="--fgcolor-neutral-tertiary">
{description}
</Typography.Caption>
<slot>
{#if value !== null && value !== undefined}
<Typography.Text size="s" truncate color="--fgcolor-neutral-primary">
{value}
</Typography.Text>
{:else}
<Skeleton variant="line" width="100%" height={19.5} />
{/if}
</slot>
</Layout.Stack>
</Card>