From fe13408831dce4bdae4911098d6079a097cae9e8 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 9 Apr 2024 15:49:24 +0100
Subject: feature(web): Allow uploading directly into lists/tags. Fixes #69

---
 .../dashboard/bookmarks/BookmarksGrid.tsx           | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

(limited to 'apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx')

diff --git a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
index 048dab85..bace3435 100644
--- a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
+++ b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import { useMemo } from "react";
 import { ActionButton } from "@/components/ui/action-button";
 import tailwindConfig from "@/tailwind.config";
@@ -78,15 +76,16 @@ export default function BookmarksGrid({
         {bookmarks.map((b) => renderBookmark(b))}
       </Masonry>
       {hasNextPage && (
-        <ActionButton
-          ignoreDemoMode={true}
-          loading={isFetchingNextPage}
-          onClick={() => fetchNextPage()}
-          className="mx-auto w-min"
-          variant="ghost"
-        >
-          Load More
-        </ActionButton>
+        <div className="flex justify-center">
+          <ActionButton
+            ignoreDemoMode={true}
+            loading={isFetchingNextPage}
+            onClick={() => fetchNextPage()}
+            variant="ghost"
+          >
+            Load More
+          </ActionButton>
+        </div>
       )}
     </>
   );
-- 
cgit v1.2.3-70-g09d2

