From 38c885ce0658fdb0d95b1cccfad5217355fcea61 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 18 Feb 2024 03:18:25 +0000
Subject: [PATCH] format: Run yarn format

---
 .../web/app/dashboard/bookmarks/components/AddLink.tsx    | 2 +-
 .../bookmarks/components/BookmarkCardSkeleton.tsx         | 6 ++----
 packages/web/components/ui/skeleton.tsx                   | 8 ++++----
 packages/web/lib/hooks/use-loading-card.ts                | 4 ++--
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/web/app/dashboard/bookmarks/components/AddLink.tsx b/packages/web/app/dashboard/bookmarks/components/AddLink.tsx
index 6cd51c1d..6498b313 100644
--- a/packages/web/app/dashboard/bookmarks/components/AddLink.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/AddLink.tsx
@@ -18,7 +18,7 @@ const formSchema = z.object({
 
 export default function AddLink() {
   const router = useRouter();
-  const {setLoading} = useLoadingCard();
+  const { setLoading } = useLoadingCard();
   const bookmarkLinkMutator = api.bookmarks.bookmarkLink.useMutation({
     onMutate: () => {
       setLoading(true);
diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarkCardSkeleton.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarkCardSkeleton.tsx
index d28a229e..1f5fa433 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarkCardSkeleton.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarkCardSkeleton.tsx
@@ -17,15 +17,13 @@ export default function BookmarkCardSkeleton() {
     >
       <ImageCardBanner src="/blur.avif" />
       <ImageCardContent>
-        <ImageCardTitle>
-        </ImageCardTitle>
+        <ImageCardTitle></ImageCardTitle>
         <ImageCardBody className="space-y-2">
           <Skeleton className="h-4 w-full" />
           <Skeleton className="h-4 w-full" />
           <Skeleton className="h-4 w-full" />
         </ImageCardBody>
-        <ImageCardFooter>
-        </ImageCardFooter>
+        <ImageCardFooter></ImageCardFooter>
       </ImageCardContent>
     </ImageCard>
   );
diff --git a/packages/web/components/ui/skeleton.tsx b/packages/web/components/ui/skeleton.tsx
index 01b8b6d4..5fab2023 100644
--- a/packages/web/components/ui/skeleton.tsx
+++ b/packages/web/components/ui/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Skeleton({
   className,
@@ -6,10 +6,10 @@ function Skeleton({
 }: React.HTMLAttributes<HTMLDivElement>) {
   return (
     <div
-      className={cn("animate-pulse rounded-md bg-muted", className)}
+      className={cn("bg-muted animate-pulse rounded-md", className)}
       {...props}
     />
-  )
+  );
 }
 
-export { Skeleton }
+export { Skeleton };
diff --git a/packages/web/lib/hooks/use-loading-card.ts b/packages/web/lib/hooks/use-loading-card.ts
index 7bd7776a..bb32a8f1 100644
--- a/packages/web/lib/hooks/use-loading-card.ts
+++ b/packages/web/lib/hooks/use-loading-card.ts
@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
 export const useLoadingCard = create<{
-  loading: boolean,
-  setLoading: (val: boolean) => void,
+  loading: boolean;
+  setLoading: (val: boolean) => void;
 }>((set) => ({
   loading: false,
   setLoading: (val: boolean) => set({ loading: val }),