From 22b729d1020e95261faf789bd7948b2a822166bf Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Sun, 24 Aug 2025 16:48:11 +0530
Subject: [PATCH] used Icon Component in both tables

---
 src/routes/(console)/account/sessions/+page.svelte    |  5 +++--
 .../auth/user-[user]/sessions/+page.svelte            | 11 ++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/routes/(console)/account/sessions/+page.svelte b/src/routes/(console)/account/sessions/+page.svelte
index c4f4cfeeb..1b8ce206d 100644
--- a/src/routes/(console)/account/sessions/+page.svelte
+++ b/src/routes/(console)/account/sessions/+page.svelte
@@ -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>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
index 15bc234a3..dbea6505e 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
@@ -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"