fix: 🎨 fix `prettier` issues
by Sivritkin Dmitriy
1@@ -1,6 +1,6 @@
2-import { type ClassValue, clsx } from "clsx"
3-import { twMerge } from "tailwind-merge"
4+import { type ClassValue, clsx } from "clsx";
5+import { twMerge } from "tailwind-merge";
6
7 export function cn(...inputs: ClassValue[]) {
8- return twMerge(clsx(inputs))
9+ return twMerge(clsx(inputs));
10 }@@ -1,9 +1,9 @@
11-"use client"
12+"use client";
13
14-import * as React from "react"
15-import * as AvatarPrimitive from "@radix-ui/react-avatar"
16+import * as React from "react";
17+import * as AvatarPrimitive from "@radix-ui/react-avatar";
18
19-import { cn } from "~/shared/lib/utils"
20+import { cn } from "~/shared/lib/utils";
21
22 const Avatar = React.forwardRef<
23 React.ElementRef<typeof AvatarPrimitive.Root>,
24@@ -13,12 +13,12 @@ const Avatar = React.forwardRef<
25 ref={ref}
26 className={cn(
27 "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
28- className
29+ className,
30 )}
31 {...props}
32 />
33-))
34-Avatar.displayName = AvatarPrimitive.Root.displayName
35+));
36+Avatar.displayName = AvatarPrimitive.Root.displayName;
37
38 const AvatarImage = React.forwardRef<
39 React.ElementRef<typeof AvatarPrimitive.Image>,
40@@ -29,8 +29,8 @@ const AvatarImage = React.forwardRef<
41 className={cn("aspect-square h-full w-full", className)}
42 {...props}
43 />
44-))
45-AvatarImage.displayName = AvatarPrimitive.Image.displayName
46+));
47+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
48
49 const AvatarFallback = React.forwardRef<
50 React.ElementRef<typeof AvatarPrimitive.Fallback>,
51@@ -40,11 +40,11 @@ const AvatarFallback = React.forwardRef<
52 ref={ref}
53 className={cn(
54 "flex h-full w-full items-center justify-center rounded-full bg-muted",
55- className
56+ className,
57 )}
58 {...props}
59 />
60-))
61-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
62+));
63+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
64
65-export { Avatar, AvatarImage, AvatarFallback }
66+export { Avatar, AvatarImage, AvatarFallback };@@ -1,8 +1,8 @@
67-import * as React from "react"
68-import { Slot } from "@radix-ui/react-slot"
69-import { cva, type VariantProps } from "class-variance-authority"
70+import * as React from "react";
71+import { Slot } from "@radix-ui/react-slot";
72+import { cva, type VariantProps } from "class-variance-authority";
73
74-import { cn } from "~/shared/lib/utils"
75+import { cn } from "~/shared/lib/utils";
76
77 const buttonVariants = cva(
78 "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
79@@ -31,27 +31,27 @@ const buttonVariants = cva(
80 variant: "default",
81 size: "default",
82 },
83- }
84-)
85+ },
86+);
87
88 export interface ButtonProps
89 extends React.ButtonHTMLAttributes<HTMLButtonElement>,
90 VariantProps<typeof buttonVariants> {
91- asChild?: boolean
92+ asChild?: boolean;
93 }
94
95 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
96 ({ className, variant, size, asChild = false, ...props }, ref) => {
97- const Comp = asChild ? Slot : "button"
98+ const Comp = asChild ? Slot : "button";
99 return (
100 <Comp
101 className={cn(buttonVariants({ variant, size, className }))}
102 ref={ref}
103 {...props}
104 />
105- )
106- }
107-)
108-Button.displayName = "Button"
109+ );
110+ },
111+);
112+Button.displayName = "Button";
113
114-export { Button, buttonVariants }
115+export { Button, buttonVariants };@@ -1,6 +1,6 @@
116-import * as React from "react"
117+import * as React from "react";
118
119-import { cn } from "~/shared/lib/utils"
120+import { cn } from "~/shared/lib/utils";
121
122 const Card = React.forwardRef<
123 HTMLDivElement,
124@@ -10,12 +10,12 @@ const Card = React.forwardRef<
125 ref={ref}
126 className={cn(
127 "rounded-xl border bg-card text-card-foreground shadow",
128- className
129+ className,
130 )}
131 {...props}
132 />
133-))
134-Card.displayName = "Card"
135+));
136+Card.displayName = "Card";
137
138 const CardHeader = React.forwardRef<
139 HTMLDivElement,
140@@ -26,8 +26,8 @@ const CardHeader = React.forwardRef<
141 className={cn("flex flex-col space-y-1.5 p-6", className)}
142 {...props}
143 />
144-))
145-CardHeader.displayName = "CardHeader"
146+));
147+CardHeader.displayName = "CardHeader";
148
149 const CardTitle = React.forwardRef<
150 HTMLParagraphElement,
151@@ -38,8 +38,8 @@ const CardTitle = React.forwardRef<
152 className={cn("font-semibold leading-none tracking-tight", className)}
153 {...props}
154 />
155-))
156-CardTitle.displayName = "CardTitle"
157+));
158+CardTitle.displayName = "CardTitle";
159
160 const CardDescription = React.forwardRef<
161 HTMLParagraphElement,
162@@ -50,16 +50,16 @@ const CardDescription = React.forwardRef<
163 className={cn("text-sm text-muted-foreground", className)}
164 {...props}
165 />
166-))
167-CardDescription.displayName = "CardDescription"
168+));
169+CardDescription.displayName = "CardDescription";
170
171 const CardContent = React.forwardRef<
172 HTMLDivElement,
173 React.HTMLAttributes<HTMLDivElement>
174 >(({ className, ...props }, ref) => (
175 <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
176-))
177-CardContent.displayName = "CardContent"
178+));
179+CardContent.displayName = "CardContent";
180
181 const CardFooter = React.forwardRef<
182 HTMLDivElement,
183@@ -70,7 +70,14 @@ const CardFooter = React.forwardRef<
184 className={cn("flex items-center p-6 pt-0", className)}
185 {...props}
186 />
187-))
188-CardFooter.displayName = "CardFooter"
189+));
190+CardFooter.displayName = "CardFooter";
191
192-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
193+export {
194+ Card,
195+ CardHeader,
196+ CardFooter,
197+ CardTitle,
198+ CardDescription,
199+ CardContent,
200+};@@ -1,18 +1,18 @@
201-"use client"
202+"use client";
203
204-import * as React from "react"
205-import * as DialogPrimitive from "@radix-ui/react-dialog"
206-import { Cross2Icon } from "@radix-ui/react-icons"
207+import * as React from "react";
208+import * as DialogPrimitive from "@radix-ui/react-dialog";
209+import { Cross2Icon } from "@radix-ui/react-icons";
210
211-import { cn } from "~/shared/lib/utils"
212+import { cn } from "~/shared/lib/utils";
213
214-const Dialog = DialogPrimitive.Root
215+const Dialog = DialogPrimitive.Root;
216
217-const DialogTrigger = DialogPrimitive.Trigger
218+const DialogTrigger = DialogPrimitive.Trigger;
219
220-const DialogPortal = DialogPrimitive.Portal
221+const DialogPortal = DialogPrimitive.Portal;
222
223-const DialogClose = DialogPrimitive.Close
224+const DialogClose = DialogPrimitive.Close;
225
226 const DialogOverlay = React.forwardRef<
227 React.ElementRef<typeof DialogPrimitive.Overlay>,
228@@ -21,13 +21,13 @@ const DialogOverlay = React.forwardRef<
229 <DialogPrimitive.Overlay
230 ref={ref}
231 className={cn(
232- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
233- className
234+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
235+ className,
236 )}
237 {...props}
238 />
239-))
240-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
241+));
242+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
243
244 const DialogContent = React.forwardRef<
245 React.ElementRef<typeof DialogPrimitive.Content>,
246@@ -39,7 +39,7 @@ const DialogContent = React.forwardRef<
247 ref={ref}
248 className={cn(
249 "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
250- className
251+ className,
252 )}
253 {...props}
254 >
255@@ -50,8 +50,8 @@ const DialogContent = React.forwardRef<
256 </DialogPrimitive.Close>
257 </DialogPrimitive.Content>
258 </DialogPortal>
259-))
260-DialogContent.displayName = DialogPrimitive.Content.displayName
261+));
262+DialogContent.displayName = DialogPrimitive.Content.displayName;
263
264 const DialogHeader = ({
265 className,
266@@ -60,12 +60,12 @@ const DialogHeader = ({
267 <div
268 className={cn(
269 "flex flex-col space-y-1.5 text-center sm:text-left",
270- className
271+ className,
272 )}
273 {...props}
274 />
275-)
276-DialogHeader.displayName = "DialogHeader"
277+);
278+DialogHeader.displayName = "DialogHeader";
279
280 const DialogFooter = ({
281 className,
282@@ -74,12 +74,12 @@ const DialogFooter = ({
283 <div
284 className={cn(
285 "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
286- className
287+ className,
288 )}
289 {...props}
290 />
291-)
292-DialogFooter.displayName = "DialogFooter"
293+);
294+DialogFooter.displayName = "DialogFooter";
295
296 const DialogTitle = React.forwardRef<
297 React.ElementRef<typeof DialogPrimitive.Title>,
298@@ -89,12 +89,12 @@ const DialogTitle = React.forwardRef<
299 ref={ref}
300 className={cn(
301 "text-lg font-semibold leading-none tracking-tight",
302- className
303+ className,
304 )}
305 {...props}
306 />
307-))
308-DialogTitle.displayName = DialogPrimitive.Title.displayName
309+));
310+DialogTitle.displayName = DialogPrimitive.Title.displayName;
311
312 const DialogDescription = React.forwardRef<
313 React.ElementRef<typeof DialogPrimitive.Description>,
314@@ -105,8 +105,8 @@ const DialogDescription = React.forwardRef<
315 className={cn("text-sm text-muted-foreground", className)}
316 {...props}
317 />
318-))
319-DialogDescription.displayName = DialogPrimitive.Description.displayName
320+));
321+DialogDescription.displayName = DialogPrimitive.Description.displayName;
322
323 export {
324 Dialog,
325@@ -119,4 +119,4 @@ export {
326 DialogFooter,
327 DialogTitle,
328 DialogDescription,
329-}
330+};@@ -1,48 +1,48 @@
331-"use client"
332+"use client";
333
334-import * as React from "react"
335-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
336+import * as React from "react";
337+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
338 import {
339 CheckIcon,
340 ChevronRightIcon,
341 DotFilledIcon,
342-} from "@radix-ui/react-icons"
343+} from "@radix-ui/react-icons";
344
345-import { cn } from "~/shared/lib/utils"
346+import { cn } from "~/shared/lib/utils";
347
348-const DropdownMenu = DropdownMenuPrimitive.Root
349+const DropdownMenu = DropdownMenuPrimitive.Root;
350
351-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
352+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
353
354-const DropdownMenuGroup = DropdownMenuPrimitive.Group
355+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
356
357-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
358+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
359
360-const DropdownMenuSub = DropdownMenuPrimitive.Sub
361+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
362
363-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
364+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
365
366 const DropdownMenuSubTrigger = React.forwardRef<
367 React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
368 React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
369- inset?: boolean
370+ inset?: boolean;
371 }
372 >(({ className, inset, children, ...props }, ref) => (
373 <DropdownMenuPrimitive.SubTrigger
374 ref={ref}
375 className={cn(
376 "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
377 inset && "pl-8",
378- className
379+ className,
380 )}
381 {...props}
382 >
383 {children}
384 <ChevronRightIcon className="ml-auto h-4 w-4" />
385 </DropdownMenuPrimitive.SubTrigger>
386-))
387+));
388 DropdownMenuSubTrigger.displayName =
389- DropdownMenuPrimitive.SubTrigger.displayName
390+ DropdownMenuPrimitive.SubTrigger.displayName;
391
392 const DropdownMenuSubContent = React.forwardRef<
393 React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
394@@ -52,13 +52,13 @@ const DropdownMenuSubContent = React.forwardRef<
395 ref={ref}
396 className={cn(
397 "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
398- className
399+ className,
400 )}
401 {...props}
402 />
403-))
404+));
405 DropdownMenuSubContent.displayName =
406- DropdownMenuPrimitive.SubContent.displayName
407+ DropdownMenuPrimitive.SubContent.displayName;
408
409 const DropdownMenuContent = React.forwardRef<
410 React.ElementRef<typeof DropdownMenuPrimitive.Content>,
411@@ -71,31 +71,31 @@ const DropdownMenuContent = React.forwardRef<
412 className={cn(
413 "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
414 "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
415- className
416+ className,
417 )}
418 {...props}
419 />
420 </DropdownMenuPrimitive.Portal>
421-))
422-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
423+));
424+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
425
426 const DropdownMenuItem = React.forwardRef<
427 React.ElementRef<typeof DropdownMenuPrimitive.Item>,
428 React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
429- inset?: boolean
430+ inset?: boolean;
431 }
432 >(({ className, inset, ...props }, ref) => (
433 <DropdownMenuPrimitive.Item
434 ref={ref}
435 className={cn(
436 "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
437 inset && "pl-8",
438- className
439+ className,
440 )}
441 {...props}
442 />
443-))
444-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
445+));
446+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
447
448 const DropdownMenuCheckboxItem = React.forwardRef<
449 React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
450@@ -105,7 +105,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
451 ref={ref}
452 className={cn(
453 "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
454- className
455+ className,
456 )}
457 checked={checked}
458 {...props}
459@@ -117,9 +117,9 @@ const DropdownMenuCheckboxItem = React.forwardRef<
460 </span>
461 {children}
462 </DropdownMenuPrimitive.CheckboxItem>
463-))
464+));
465 DropdownMenuCheckboxItem.displayName =
466- DropdownMenuPrimitive.CheckboxItem.displayName
467+ DropdownMenuPrimitive.CheckboxItem.displayName;
468
469 const DropdownMenuRadioItem = React.forwardRef<
470 React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
471@@ -129,7 +129,7 @@ const DropdownMenuRadioItem = React.forwardRef<
472 ref={ref}
473 className={cn(
474 "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
475- className
476+ className,
477 )}
478 {...props}
479 >
480@@ -140,26 +140,26 @@ const DropdownMenuRadioItem = React.forwardRef<
481 </span>
482 {children}
483 </DropdownMenuPrimitive.RadioItem>
484-))
485-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
486+));
487+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
488
489 const DropdownMenuLabel = React.forwardRef<
490 React.ElementRef<typeof DropdownMenuPrimitive.Label>,
491 React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
492- inset?: boolean
493+ inset?: boolean;
494 }
495 >(({ className, inset, ...props }, ref) => (
496 <DropdownMenuPrimitive.Label
497 ref={ref}
498 className={cn(
499 "px-2 py-1.5 text-sm font-semibold",
500 inset && "pl-8",
501- className
502+ className,
503 )}
504 {...props}
505 />
506-))
507-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
508+));
509+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
510
511 const DropdownMenuSeparator = React.forwardRef<
512 React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
513@@ -170,8 +170,8 @@ const DropdownMenuSeparator = React.forwardRef<
514 className={cn("-mx-1 my-1 h-px bg-muted", className)}
515 {...props}
516 />
517-))
518-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
519+));
520+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
521
522 const DropdownMenuShortcut = ({
523 className,
524@@ -182,9 +182,9 @@ const DropdownMenuShortcut = ({
525 className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
526 {...props}
527 />
528- )
529-}
530-DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
531+ );
532+};
533+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
534
535 export {
536 DropdownMenu,
537@@ -202,4 +202,4 @@ export {
538 DropdownMenuSubContent,
539 DropdownMenuSubTrigger,
540 DropdownMenuRadioGroup,
541-}
542+};