From 4cf990816817c009a512356373fdb1c4baa5e63b Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 6 Apr 2024 01:35:37 +0100
Subject: ui(web): Add a tooltip explaining what archived means

---
 apps/web/app/dashboard/archive/page.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'apps/web/app/dashboard/archive/page.tsx')

diff --git a/apps/web/app/dashboard/archive/page.tsx b/apps/web/app/dashboard/archive/page.tsx
index 3c3520cc..b2b4df4f 100644
--- a/apps/web/app/dashboard/archive/page.tsx
+++ b/apps/web/app/dashboard/archive/page.tsx
@@ -1,9 +1,17 @@
 import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
+import InfoTooltip from "@/components/ui/info-tooltip";
 
 export default async function ArchivedBookmarkPage() {
   return (
     <Bookmarks
-      header={<p className="text-2xl">🗄️ Archive</p>}
+      header={
+        <span className="flex gap-2">
+          <p className="text-2xl">🗄️ Archive</p>
+          <InfoTooltip size={17} className="my-auto" variant="explain">
+            <p>Archived bookmarks won&apos;t appear in the homepage</p>
+          </InfoTooltip>
+        </span>
+      }
       query={{ archived: true }}
       showDivider={true}
     />
-- 
cgit v1.3-1-g0d28

