From 957fd12ff5211099619eb9ddec5a7a4bc8ae48a0 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 20 Mar 2024 21:22:21 +0000
Subject: ui(web): Show an overlay when dragging is active

---
 apps/web/app/dashboard/bookmarks/layout.tsx | 15 +++++++++------
 apps/web/app/dashboard/layout.tsx           |  3 +--
 2 files changed, 10 insertions(+), 8 deletions(-)

(limited to 'apps/web/app/dashboard')

diff --git a/apps/web/app/dashboard/bookmarks/layout.tsx b/apps/web/app/dashboard/bookmarks/layout.tsx
index ca99a87b..bfc3b155 100644
--- a/apps/web/app/dashboard/bookmarks/layout.tsx
+++ b/apps/web/app/dashboard/bookmarks/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import React from "react";
 import TopNav from "@/components/dashboard/bookmarks/TopNav";
+import UploadDropzone from "@/components/dashboard/UploadDropzone";
 
 export const metadata: Metadata = {
   title: "Hoarder - Bookmarks",
@@ -12,12 +13,14 @@ export default function BookmarksLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <div className="flex h-full flex-col">
-      <div>
-        <TopNav />
+    <UploadDropzone>
+      <div className="flex h-full flex-col">
+        <div>
+          <TopNav />
+        </div>
+        <hr />
+        <div className="my-4 flex-1 pb-4">{children}</div>
       </div>
-      <hr />
-      <div className="my-4 flex-1 pb-4">{children}</div>
-    </div>
+    </UploadDropzone>
   );
 }
diff --git a/apps/web/app/dashboard/layout.tsx b/apps/web/app/dashboard/layout.tsx
index 50c7cc60..b2d3806b 100644
--- a/apps/web/app/dashboard/layout.tsx
+++ b/apps/web/app/dashboard/layout.tsx
@@ -1,6 +1,5 @@
 import MobileSidebar from "@/components/dashboard/sidebar/ModileSidebar";
 import Sidebar from "@/components/dashboard/sidebar/Sidebar";
-import UploadDropzone from "@/components/dashboard/UploadDropzone";
 import DemoModeBanner from "@/components/DemoModeBanner";
 import { Separator } from "@/components/ui/separator";
 
@@ -22,7 +21,7 @@ export default async function Dashboard({
           <MobileSidebar />
           <Separator />
         </div>
-        <UploadDropzone>{children}</UploadDropzone>
+        {children}
       </main>
     </div>
   );
-- 
cgit v1.2.3-70-g09d2