add: domain status; move status outside link component.

This commit is contained in:
Darshan
2025-05-21 19:58:23 +05:30
parent f93accd3f0
commit 2e70d7b3bb
4 changed files with 98 additions and 49 deletions
@@ -15,6 +15,7 @@
} from '@appwrite.io/pink-icons-svelte';
import {
ActionMenu,
Badge,
Card,
Empty,
Icon,
@@ -76,13 +77,30 @@
<Table.Cell column={column.id} {root}>
<Typography.Text truncate>
{#if column.id === 'domain'}
<Link
external
icon
href={`${$protocol}${domain.domain}`}
variant="quiet">
{domain.domain}
</Link>
<Layout.Stack direction="row" gap="none">
<Link
external
href={`${$protocol}${domain.domain}`}
variant="quiet"
icon>
<Typography.Text truncate>
{domain.domain}
</Typography.Text>
</Link>
{#if domain.status === 'verifying'}
<Badge
variant="secondary"
type="warning"
content="Verifying"
size="s" />
{:else if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Layout.Stack>
{:else if column.id === 'registrar'}
{domain.registrar || '-'}
{:else if column.id === 'nameservers'}
@@ -43,18 +43,30 @@
{#each $columns as column}
<Table.Cell column={column.id} {root}>
{#if column.id === 'domain'}
<Link external href={`${$protocol}${domain.domain}`} variant="quiet" icon>
<Typography.Text truncate>
{domain.domain}
{#if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Typography.Text>
</Link>
<Layout.Stack direction="row" gap="none">
<Link
external
href={`${$protocol}${domain.domain}`}
variant="quiet"
icon>
<Typography.Text truncate>
{domain.domain}
</Typography.Text>
</Link>
{#if domain.status === 'verifying'}
<Badge
variant="secondary"
type="warning"
content="Verifying"
size="s" />
{:else if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Layout.Stack>
{:else if column.id === 'target'}
{domain?.redirectUrl
? 'Redirect to ' + domain.redirectUrl
@@ -43,18 +43,30 @@
{#each $columns as column}
<Table.Cell column={column.id} {root}>
{#if column.id === 'domain'}
<Link external href={`${$protocol}${domain.domain}`} variant="quiet" icon>
<Typography.Text truncate>
{domain.domain}
{#if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Typography.Text>
</Link>
<Layout.Stack direction="row" gap="none">
<Link
external
href={`${$protocol}${domain.domain}`}
variant="quiet"
icon>
<Typography.Text truncate>
{domain.domain}
</Typography.Text>
</Link>
{#if domain.status === 'verifying'}
<Badge
variant="secondary"
type="warning"
content="Verifying"
size="s" />
{:else if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Layout.Stack>
{/if}
</Table.Cell>
{/each}
@@ -43,24 +43,31 @@
{#each $columns as column}
<Table.Cell column={column.id} {root}>
{#if column.id === 'domain'}
<Link external href={`${$protocol}${domain.domain}`} variant="quiet" icon>
<Typography.Text truncate>
{domain.domain}
{#if domain.status === 'verifying'}
<Badge
variant="secondary"
type="warning"
content="Verifying"
size="s" />
{:else if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Typography.Text>
</Link>
<Layout.Stack direction="row" gap="none">
<Link
external
href={`${$protocol}${domain.domain}`}
variant="quiet"
icon>
<Typography.Text truncate>
{domain.domain}
</Typography.Text>
</Link>
{#if domain.status === 'verifying'}
<Badge
variant="secondary"
type="warning"
content="Verifying"
size="s" />
{:else if domain.status !== 'verified'}
<Badge
variant="secondary"
type="error"
content="Verification failed"
size="s" />
{/if}
</Layout.Stack>
{:else if column.id === 'target'}
{domain?.redirectUrl
? 'Redirect to ' + domain.redirectUrl