From b25f17509e704eb41523bf455a33804cabf8aaca Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 9 Feb 2024 02:17:45 +0000
Subject: [chore] Linting and formating tweaking

---
 packages/web/app/dashboard/bookmarks/components/AddLink.tsx       | 2 +-
 packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx | 2 +-
 packages/web/app/dashboard/bookmarks/components/LinkCard.tsx      | 8 ++++----
 packages/web/app/dashboard/components/Sidebar.tsx                 | 8 ++++----
 packages/web/app/dashboard/layout.tsx                             | 2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

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

diff --git a/packages/web/app/dashboard/bookmarks/components/AddLink.tsx b/packages/web/app/dashboard/bookmarks/components/AddLink.tsx
index fb77786c..f99c1655 100644
--- a/packages/web/app/dashboard/bookmarks/components/AddLink.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/AddLink.tsx
@@ -43,7 +43,7 @@ export default function AddLink() {
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit, onError)}>
-        <div className="py-4 container flex w-full items-center space-x-2">
+        <div className="container flex w-full items-center space-x-2 py-4">
           <FormField
             control={form.control}
             name="url"
diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
index 2b6b19b6..f52ef910 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
@@ -20,7 +20,7 @@ export default async function BookmarksGrid() {
   const bookmarks = await getBookmarks(session.user.id);
 
   return (
-    <div className="container grid gap-4 grid-cols-1 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-4">
       {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 1cbd8865..aeef6bae 100644
--- a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
@@ -26,7 +26,7 @@ export function LinkOptions({ linkId }: { linkId: string }) {
   const router = useRouter();
 
   const unbookmarkLink = async () => {
-    let [_, error] = await APIClient.deleteBookmark(linkId);
+    const [_, error] = await APIClient.deleteBookmark(linkId);
 
     if (error) {
       toast({
@@ -51,7 +51,7 @@ export function LinkOptions({ linkId }: { linkId: string }) {
       </DropdownMenuTrigger>
       <DropdownMenuContent className="w-fit">
         <DropdownMenuItem className="text-destructive" onClick={unbookmarkLink}>
-          <Trash2 className="mr-2 h-4 w-4" />
+          <Trash2 className="mr-2 size-4" />
           <span>Delete</span>
         </DropdownMenuItem>
       </DropdownMenuContent>
@@ -66,7 +66,7 @@ export default function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
   return (
     <ImageCard
       className={
-        "bg-gray-50 duration-300 ease-in border border-grey-100 hover:transition-all hover:border-blue-300"
+        "border-grey-100 border bg-gray-50 duration-300 ease-in hover:border-blue-300 hover:transition-all"
       }
       image={link?.imageUrl ?? undefined}
     >
@@ -75,7 +75,7 @@ export default function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
           {link?.title ?? parsedUrl.host}
         </Link>
       </ImageCardTitle>
-      <ImageCardBody className="py-2 overflow-clip">
+      <ImageCardBody className="overflow-clip py-2">
         {bookmark.tags.map((t) => (
           <Badge
             variant="default"
diff --git a/packages/web/app/dashboard/components/Sidebar.tsx b/packages/web/app/dashboard/components/Sidebar.tsx
index f2ead71a..c2abe1e1 100644
--- a/packages/web/app/dashboard/components/Sidebar.tsx
+++ b/packages/web/app/dashboard/components/Sidebar.tsx
@@ -31,14 +31,14 @@ export default async function Sidebar() {
   }
 
   return (
-    <aside className="flex flex-col h-full w-60 border-r p-4">
-      <div className="flex px-1 mb-5 items-center rounded-lg text-slate-900">
+    <aside className="flex h-full w-60 flex-col border-r p-4">
+      <div className="mb-5 flex items-center rounded-lg px-1 text-slate-900">
         <Brain />
         <span className="ml-2 text-base font-semibold">Remember</span>
       </div>
       <hr />
       <div>
-        <ul className="space-y-2 mt-5 text-sm font-medium">
+        <ul className="mt-5 space-y-2 text-sm font-medium">
           <SidebarItem logo={<Home />} name="Home" path="#" />
           <SidebarItem logo={<Star />} name="Favourites" path="#" />
           <SidebarItem logo={<Archive />} name="Archived" path="#" />
@@ -47,7 +47,7 @@ export default async function Sidebar() {
       </div>
       <div className="mt-auto flex justify-between">
         <div className="my-auto"> {session.user.name} </div>
-        <Button variant="ghost" className="h-10 w-30">
+        <Button variant="ghost" className="h-10">
           <MoreHorizontal />
         </Button>
       </div>
diff --git a/packages/web/app/dashboard/layout.tsx b/packages/web/app/dashboard/layout.tsx
index 9b21271e..220949c7 100644
--- a/packages/web/app/dashboard/layout.tsx
+++ b/packages/web/app/dashboard/layout.tsx
@@ -3,7 +3,7 @@ import Sidebar from "@/app/dashboard/components/Sidebar";
 
 export default async function Dashboard() {
   return (
-    <div className="flex w-screen h-screen">
+    <div className="flex h-screen w-screen">
       <div className="flex-none">
         <Sidebar />
       </div>
-- 
cgit v1.2.3-70-g09d2