feat: adds Link in NotificationTile (#2528)

bloomwalletio · May 22, 2024 · b1777ca · b1777ca
1 parent 9f55e18
commit b1777ca
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/packages/shared/src/components/tiles/NotificationTile.svelte b/packages/shared/src/components/tiles/NotificationTile.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { notificationsManager } from '@auxiliary/wallet-connect/notifications'
-    import { Text, Tile } from '@bloomwalletio/ui'
+    import { Link, Text, Tile } from '@bloomwalletio/ui'
     import { getBestTimeDuration } from '@core/utils'
     import { NotificationAvatar } from '@ui/avatars'
     import { NotifyClientTypes } from '@walletconnect/notify-client'
@@ -15,11 +15,16 @@
     <div class="flex justify-between gap-4 w-full">
         <NotificationAvatar {subscription} notificationType={notification.type} />
         <div class="flex-grow flex flex-col items-start">
-            <div class="flex justify-between items-center gap-2">
-                <Text type="sm" lineClamp={1}>{notification.title}</Text>
-                <Text type="xs" fontWeight="normal"
-                    >{getBestTimeDuration(new Date().getTime() - notification.sentAt, 'day', true)}</Text
-                >
+            <div class="w-full flex justify-between items-center gap-2">
+                <div class="flex items-center gap-2">
+                    <Text type="sm" lineClamp={1}>{notification.title}</Text>
+                    <Text type="xs" fontWeight="normal">
+                        {getBestTimeDuration(new Date().getTime() - notification.sentAt, 'day', true)}
+                    </Text>
+                </div>
+                {#if notification.url}
+                    <Link textType="xs" href={notification.url} external />
+                {/if}
             </div>
             <Text type="xs" fontWeight="normal" lineClamp={2}>{notification.body}</Text>
         </div>