From cd2e65ed10a33283666d9197e597f0b8f6335c15 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Thu, 22 Feb 2024 17:46:07 +0000
Subject: feature: Adding a loading page while bookmarks are being fetched

---
 packages/web/app/dashboard/bookmarks/layout.tsx  |  4 ++--
 packages/web/app/dashboard/bookmarks/loading.tsx | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 packages/web/app/dashboard/bookmarks/loading.tsx

diff --git a/packages/web/app/dashboard/bookmarks/layout.tsx b/packages/web/app/dashboard/bookmarks/layout.tsx
index 85eb1bfd..68704a2b 100644
--- a/packages/web/app/dashboard/bookmarks/layout.tsx
+++ b/packages/web/app/dashboard/bookmarks/layout.tsx
@@ -12,12 +12,12 @@ export default function BookmarksLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <div className="flex flex-col">
+    <div className="flex h-full flex-col">
       <div>
         <AddLink />
       </div>
       <hr />
-      <div className="my-4">{children}</div>
+      <div className="my-4 flex-1">{children}</div>
     </div>
   );
 }
diff --git a/packages/web/app/dashboard/bookmarks/loading.tsx b/packages/web/app/dashboard/bookmarks/loading.tsx
new file mode 100644
index 00000000..4e56c3c4
--- /dev/null
+++ b/packages/web/app/dashboard/bookmarks/loading.tsx
@@ -0,0 +1,11 @@
+import Spinner from "@/components/ui/spinner";
+
+export default function Loading() {
+  return (
+    <div className="flex size-full">
+      <div className="m-auto">
+        <Spinner />
+      </div>
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2