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 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'apps/web/app/dashboard/bookmarks/layout.tsx')

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>
   );
 }
-- 
cgit v1.2.3-70-g09d2

