From 347aa0c1bce7b53ab2f19b4b4904e4382e9ca6f7 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 9 Feb 2024 16:59:47 +0000
Subject: [ui] Change the large bookmarks grid to have 3 cols instead of 4 and
 fix hover coloring

---
 packages/web/app/api/v1/bookmarks/[bookmarkId]/route.ts           | 5 ++++-
 packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx | 2 +-
 packages/web/app/dashboard/bookmarks/components/LinkCard.tsx      | 3 +--
 packages/web/lib/types/api/bookmarks.ts                           | 5 +++--
 4 files changed, 9 insertions(+), 6 deletions(-)

(limited to 'packages/web')

diff --git a/packages/web/app/api/v1/bookmarks/[bookmarkId]/route.ts b/packages/web/app/api/v1/bookmarks/[bookmarkId]/route.ts
index 0963cf94..3e57fa65 100644
--- a/packages/web/app/api/v1/bookmarks/[bookmarkId]/route.ts
+++ b/packages/web/app/api/v1/bookmarks/[bookmarkId]/route.ts
@@ -1,6 +1,9 @@
 import { authOptions } from "@/lib/auth";
 import { deleteBookmark, updateBookmark } from "@/lib/services/bookmarks";
-import { ZBookmark, zUpdateBookmarksRequestSchema } from "@/lib/types/api/bookmarks";
+import {
+  ZBookmark,
+  zUpdateBookmarksRequestSchema,
+} from "@/lib/types/api/bookmarks";
 import { Prisma } from "@remember/db";
 
 import { getServerSession } from "next-auth";
diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
index 11845ca3..68ab304a 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
@@ -14,7 +14,7 @@ export default function BookmarksGrid({
   bookmarks: ZBookmark[];
 }) {
   return (
-    <div className="container grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+    <div className="container grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3">
       {bookmarks.map((b) => renderBookmark(b))}
     </div>
   );
diff --git a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
index 039cb156..abd4bff7 100644
--- a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
@@ -9,7 +9,6 @@ import { ZBookmark } from "@/lib/types/api/bookmarks";
 import Link from "next/link";
 import BookmarkOptions from "./BookmarkOptions";
 
-
 export default function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
   const link = bookmark.content;
   const parsedUrl = new URL(link.url);
@@ -30,7 +29,7 @@ export default function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
         {bookmark.tags.map((t) => (
           <Badge
             variant="default"
-            className="bg-gray-300 text-gray-500"
+            className="bg-gray-300 text-gray-500 hover:text-white"
             key={t.id}
           >
             #{t.name}
diff --git a/packages/web/lib/types/api/bookmarks.ts b/packages/web/lib/types/api/bookmarks.ts
index 9e602d73..e37d14fb 100644
--- a/packages/web/lib/types/api/bookmarks.ts
+++ b/packages/web/lib/types/api/bookmarks.ts
@@ -43,10 +43,11 @@ export const zGetBookmarksResponseSchema = z.object({
 });
 export type ZGetBookmarksResponse = z.infer<typeof zGetBookmarksResponseSchema>;
 
-
 // PATCH /v1/bookmarks/[bookmarkId]
 export const zUpdateBookmarksRequestSchema = z.object({
   archived: z.boolean().optional(),
   favourited: z.boolean().optional(),
 });
-export type ZUpdateBookmarksRequest = z.infer<typeof zUpdateBookmarksRequestSchema>;
+export type ZUpdateBookmarksRequest = z.infer<
+  typeof zUpdateBookmarksRequestSchema
+>;
-- 
cgit v1.2.3-70-g09d2