From 047c9ebdd919d310d38c3efc7b44a46ce4536188 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 19 Mar 2025 17:47:29 +0530
Subject: [PATCH] update: use `DualTimeView`.

---
 .../databases/database-[database]/backups/table.svelte   | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/table.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/table.svelte
index 45d0bf926..a81b0dfb2 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/table.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/table.svelte
@@ -15,6 +15,8 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { copy } from '$lib/helpers/copy';
     import { LabelCard } from '$lib/components/index.js';
+    import DualTimeView from '$lib/components/dualTimeView.svelte';
+
     import { Dependencies } from '$lib/constants';
     import {
         ActionMenu,
@@ -181,10 +183,9 @@
         {@const formattedRetainedUntil = `${retainedUntil.getDate()} ${retainedUntil.toLocaleString('en-US', { month: 'short' })}, ${retainedUntil.getFullYear()} ${retainedUntil.toLocaleTimeString('en-US', { hour12: false })}`}
         <Table.Row.Base id={backup.$id} {root}>
             <Table.Cell column="backups" {root}>
-                <Tooltip maxWidth="fit-content">
-                    <span>{cleanBackupName(backup)}</span>
-                    <span slot="tooltip">{timeFromNow(backup.$createdAt)}</span>
-                </Tooltip>
+                <DualTimeView time={backup.$createdAt}>
+                    {cleanBackupName(backup)}
+                </DualTimeView>
             </Table.Cell>
             <Table.Cell column="size" {root}>
                 {#if backup.status === 'completed'}