aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-02-18 03:18:25 +0000
committerMohamedBassem <me@mbassem.com>2024-02-18 03:18:25 +0000
commit38c885ce0658fdb0d95b1cccfad5217355fcea61 (patch)
treebfc8c7bb2a78810d3e9145307f8f10235a176f82 /packages
parentb287fbdeccca6385997baca266c59faaa8b960ab (diff)
downloadkarakeep-38c885ce0658fdb0d95b1cccfad5217355fcea61.tar.zst
format: Run yarn format
Diffstat (limited to 'packages')
-rw-r--r--packages/web/app/dashboard/bookmarks/components/AddLink.tsx2
-rw-r--r--packages/web/app/dashboard/bookmarks/components/BookmarkCardSkeleton.tsx6
-rw-r--r--packages/web/components/ui/skeleton.tsx8
-rw-r--r--packages/web/lib/hooks/use-loading-card.ts4
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 }),