From 8f0e9b182e971dff98b18c707d3eb6238abf286e Mon Sep 17 00:00:00 2001
From: Md Saban <45597394+mdsaban@users.noreply.github.com>
Date: Sun, 23 Jun 2024 17:08:34 +0530
Subject: ui(web): move layout selector to main screen (#252)

---
 apps/web/app/dashboard/archive/page.tsx | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

(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 26ec45e9..a5326205 100644
--- a/apps/web/app/dashboard/archive/page.tsx
+++ b/apps/web/app/dashboard/archive/page.tsx
@@ -1,17 +1,27 @@
 import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
+import ChangeLayout from "@/components/dashboard/ChangeLayout";
 import InfoTooltip from "@/components/ui/info-tooltip";
 
+function header() {
+  return (
+    <div className="flex items-center justify-between">
+      <div 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>
+      </div>
+      <div>
+        <ChangeLayout />
+      </div>
+    </div>
+  );
+}
+
 export default async function ArchivedBookmarkPage() {
   return (
     <Bookmarks
-      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>
-      }
+      header={header()}
       query={{ archived: true }}
       showDivider={true}
       showEditorCard={true}
-- 
cgit v1.3-1-g0d28

