used Icon Component in both tables

This commit is contained in:
Harsh Mahajan
2025-08-24 16:48:11 +05:30
parent 2b923df416
commit 22b729d102
2 changed files with 9 additions and 7 deletions
@@ -13,7 +13,8 @@
import type { PageData } from './$types';
import { addNotification } from '$lib/stores/notifications';
import { onMount } from 'svelte';
import { Badge, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
import { Badge, Layout, Table, Typography, Icon } from '@appwrite.io/pink-svelte';
import { IconGlobeAlt } from '@appwrite.io/pink-icons-svelte';
export let data: PageData;
@@ -114,7 +115,7 @@
src={getBrowser(session.clientCode).toString()}
alt={session.clientName} />
{:else}
<span class="icon-globe-alt" aria-hidden="true"></span>
<Icon icon={IconGlobeAlt} size="s" />
{/if}
</div>
<Trim>
@@ -1,6 +1,7 @@
<script lang="ts">
import { EmptySearch } from '$lib/components';
import { Badge, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
import { EmptySearch, Trim } from '$lib/components';
import { Badge, Layout, Table, Typography, Icon } from '@appwrite.io/pink-svelte';
import { IconGlobeAlt } from '@appwrite.io/pink-icons-svelte';
import { Button } from '$lib/elements/forms';
import { isValueOfStringEnum } from '$lib/helpers/types';
import { Container } from '$lib/layout';
@@ -59,14 +60,14 @@
src={getBrowser(session.clientCode).toString()}
alt={session.clientName} />
{:else}
<span class="icon-globe-alt" aria-hidden="true"> </span>
<Icon icon={IconGlobeAlt} size="s" />
{/if}
</div>
<p class="text">
<Trim>
{session.clientName}
{session.clientVersion} on {session.osName}
{session.osVersion}
</p>
</Trim>
{#if session.current}
<Badge
type="success"