Merge pull request #60 from Quest-Finder/fix/eslint

feat: correção final do eslint

src/components/ui/alert-dialog.tsx

@@ -1,106 +1,118 @@
-"use client"
+'use client'
 
-import * as React from "react"
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+import * as React from 'react'
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
 
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
+import { cn } from '@/lib/utils'
+import { buttonVariants } from '@/components/ui/button'
 
 const AlertDialog = AlertDialogPrimitive.Root
 
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger
 
 const AlertDialogPortal = AlertDialogPrimitive.Portal
 
+interface AlertDialogOverlayProps
+ extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> {}
 const AlertDialogOverlay = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
- React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+ AlertDialogOverlayProps
 >(({ className, ...props }, ref) => (
  <AlertDialogPrimitive.Overlay
  className={cn(
- "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",
- className
+ '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',
+ className,
  )}
  {...props}
  ref={ref}
  />
 ))
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
 
+interface AlertDialogContentProps
+ extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {}
 const AlertDialogContent = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Content>,
- React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+ AlertDialogContentProps
 >(({ className, ...props }, ref) => (
  <AlertDialogPortal>
  <AlertDialogOverlay />
  <AlertDialogPrimitive.Content
  ref={ref}
  className={cn(
- "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",
- className
+ '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',
+ className,
  )}
  {...props}
  />
  </AlertDialogPortal>
 ))
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
 
-const AlertDialogHeader = ({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
- <div
- className={cn(
- "flex flex-col space-y-2 text-center sm:text-left",
- className
- )}
- {...props}
- />
-)
-AlertDialogHeader.displayName = "AlertDialogHeader"
+interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps) {
+ return (
+ <div
+ className={cn(
+ 'flex flex-col space-y-2 text-center sm:text-left',
+ className,
+ )}
+ {...props}
+ />
+ )
+}
 
-const AlertDialogFooter = ({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
- <div
+AlertDialogHeader.displayName = 'AlertDialogHeader'
+
+interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps) {
+ ;<div
  className={cn(
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
- className
+ 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+ className,
  )}
  {...props}
  />
-)
-AlertDialogFooter.displayName = "AlertDialogFooter"
+}
+AlertDialogFooter.displayName = 'AlertDialogFooter'
 
-const AlertDialogTitle = React.forwardRef<
- React.ElementRef<typeof AlertDialogPrimitive.Title>,
- React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
- <AlertDialogPrimitive.Title
- ref={ref}
- className={cn("text-lg font-semibold", className)}
- {...props}
- />
-))
+interface AlertDialogTitleProps
+ extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {}
+function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps) {
+ return (
+ <AlertDialogPrimitive.Title
+ className={cn(
+ 'flex flex-col space-y-2 text-center sm:text-left',
+ className,
+ )}
+ {...props}
+ />
+ )
+}
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
 
+interface AlertDialogDescriptionProps
+ extends React.ComponentPropsWithoutRef<
+ typeof AlertDialogPrimitive.Description
+ > {}
 const AlertDialogDescription = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Description>,
- React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+ AlertDialogDescriptionProps
 >(({ className, ...props }, ref) => (
  <AlertDialogPrimitive.Description
  ref={ref}
- className={cn("text-sm text-muted-foreground", className)}
+ className={cn('text-sm text-muted-foreground', className)}
  {...props}
  />
 ))
 AlertDialogDescription.displayName =
  AlertDialogPrimitive.Description.displayName
 
+interface AlertDialogActionProps
+ extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> {}
 const AlertDialogAction = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Action>,
- React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+ AlertDialogActionProps
 >(({ className, ...props }, ref) => (
  <AlertDialogPrimitive.Action
  ref={ref}
@@ -110,16 +122,18 @@ const AlertDialogAction = React.forwardRef<
 ))
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
 
+interface AlertDialogCancelProps
+ extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> {}
 const AlertDialogCancel = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
- React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+ AlertDialogCancelProps
 >(({ className, ...props }, ref) => (
  <AlertDialogPrimitive.Cancel
  ref={ref}
  className={cn(
- buttonVariants({ variant: "outline" }),
- "mt-2 sm:mt-0",
- className
+ buttonVariants({ variant: 'outline' }),
+ 'mt-2 sm:mt-0',
+ className,
  )}
  {...props}
  />

src/components/ui/dialog.tsx

@@ -1,10 +1,10 @@
-"use client"
+'use client'
 
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { X } from "lucide-react"
+import * as DialogPrimitive from '@radix-ui/react-dialog'
+import { X } from 'lucide-react'
+import React from 'react'
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'
 
 const Dialog = DialogPrimitive.Root
 
@@ -14,95 +14,107 @@ const DialogPortal = DialogPrimitive.Portal
 
 const DialogClose = DialogPrimitive.Close
 
+interface DialogOverlayProps
+ extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> {}
 const DialogOverlay = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Overlay>,
- React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+ DialogOverlayProps
 >(({ className, ...props }, ref) => (
  <DialogPrimitive.Overlay
  ref={ref}
  className={cn(
- "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",
- className
+ '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',
+ className,
  )}
  {...props}
  />
 ))
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
 
+interface DialogContentProps
+ extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {}
 const DialogContent = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Content>,
- React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+ DialogContentProps
 >(({ className, children, ...props }, ref) => (
  <DialogPortal>
  <DialogOverlay />
  <DialogPrimitive.Content
  ref={ref}
  className={cn(
- "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",
- className
+ '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',
+ className,
  )}
  {...props}
  >
  {children}
- <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
- <X className="h-4 w-4" />
- <span className="sr-only">Close</span>
+ <DialogPrimitive.Close className='absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground'>
+ <X className='h-4 w-4' />
+ <span className='sr-only'>Close</span>
  </DialogPrimitive.Close>
  </DialogPrimitive.Content>
  </DialogPortal>
 ))
 DialogContent.displayName = DialogPrimitive.Content.displayName
 
-const DialogHeader = ({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
- <div
- className={cn(
- "flex flex-col space-y-1.5 text-center sm:text-left",
- className
- )}
- {...props}
- />
-)
-DialogHeader.displayName = "DialogHeader"
+interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+ className?: string
+}
+function DialogHeader({ className, ...props }: DialogHeaderProps) {
+ return (
+ <div
+ className={cn(
+ 'flex flex-col space-y-1.5 text-center sm:text-left',
+ className,
+ )}
+ {...props}
+ />
+ )
+}
+DialogHeader.displayName = 'DialogHeader'
 
-const DialogFooter = ({
- className,
- ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
- <div
- className={cn(
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
- className
- )}
- {...props}
- />
-)
-DialogFooter.displayName = "DialogFooter"
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+ className?: string
+}
+function DialogFooter({ className, ...props }: DialogFooterProps) {
+ return (
+ <div
+ className={cn(
+ 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+ className,
+ )}
+ {...props}
+ />
+ )
+}
+DialogFooter.displayName = 'DialogFooter'
 
+interface DialogTitleProps
+ extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {}
 const DialogTitle = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Title>,
- React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+ DialogTitleProps
 >(({ className, ...props }, ref) => (
  <DialogPrimitive.Title
  ref={ref}
  className={cn(
- "text-lg font-semibold leading-none tracking-tight",
- className
+ 'text-lg font-semibold leading-none tracking-tight',
+ className,
  )}
  {...props}
  />
 ))
 DialogTitle.displayName = DialogPrimitive.Title.displayName
 
+interface DialogDescriptionProps
+ extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {}
 const DialogDescription = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Description>,
- React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+ DialogDescriptionProps
 >(({ className, ...props }, ref) => (
  <DialogPrimitive.Description
  ref={ref}
- className={cn("text-sm text-muted-foreground", className)}
+ className={cn('text-sm text-muted-foreground', className)}
  {...props}
  />
 ))

src/components/ui/label.tsx

@@ -1,13 +1,13 @@
-"use client"
+'use client'
 
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from 'react'
+import * as LabelPrimitive from '@radix-ui/react-label'
+import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'
 
 const labelVariants = cva(
- "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+ 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
 )
 
 const Label = React.forwardRef<