Merge pull request #8 from LerianStudio/6-front-fix-revert-eslint-to-v8

6 front fix revert eslint to v8

package.json

@@ -89,7 +89,7 @@
     "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9",
+    "eslint": "^8",
     "eslint-config-next": "15.0.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-formatter-html": "^2.7.2",

src/app/(routes)/settings/organizations/organizations-form.tsx

@@ -347,7 +347,7 @@ export const OrganizationsForm = ({
                       className="content-end justify-end"
                       asChild
                     >
-                      <button className="inline-flex h-[25px] w-[25px] items-center justify-center rounded-full border-none ">
+                      <button className="inline-flex h-[25px] w-[25px] items-center justify-center rounded-full border-none">
                         {showMetadataCollapse ? <ChevronUp /> : <ChevronDown />}
                       </button>
                     </CollapsibleTrigger>
@@ -414,7 +414,7 @@ export const OrganizationsForm = ({
           </div>
         </div>
 
-        <div className="relative h-10 ">
+        <div className="relative h-10">
           <CardFooter className="absolute inset-x-0 mb-20 inline-flex items-center justify-end gap-6 self-baseline rounded-none bg-white p-8 shadow">
             <div className="mr-10 flex items-center justify-end gap-6">
               <Button

src/components/organization-switcher/popover-panel/popover-panel.stories.tsx

@@ -24,7 +24,7 @@ export default meta
 
 export const Primary: StoryObj<PopoverPanelProps> = {
   render: (args) => (
-    <div className="z-50 flex w-[530px] gap-4 rounded-md border bg-popover  p-4 text-popover-foreground shadow-md outline-none">
+    <div className="z-50 flex w-[530px] gap-4 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none">
       <PopoverPanel {...args}>
         <PopoverPanelTitle>
           Midaz
@@ -63,7 +63,7 @@ export const Primary: StoryObj<PopoverPanelProps> = {
 
 export const Dense: StoryObj<PopoverPanelProps> = {
   render: (args) => (
-    <div className="z-50 flex w-[530px] gap-4 rounded-md border bg-popover  p-4 text-popover-foreground shadow-md outline-none">
+    <div className="z-50 flex w-[530px] gap-4 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none">
       <PopoverPanel {...args}>
         <PopoverPanelTitle>
           Midaz

src/components/sidebar/primitive/sidebar-components.tsx

@@ -51,7 +51,7 @@ const SidebarGroup = React.forwardRef<HTMLElement, SidebarGroupProps>(
       ref={ref}
       className={cn(
         'grid gap-1',
-        'group-data[collapsed=true]/sidebar:justify-center ',
+        'group-data[collapsed=true]/sidebar:justify-center',
         className
       )}
       {...props}

src/components/ui/dialog.tsx

@@ -21,7 +21,7 @@ const DialogOverlay = React.forwardRef<
   <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',
+      '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}

src/components/ui/input/index.tsx

@@ -17,7 +17,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           'flex h-9 w-full rounded-md border border-[#C7C7C7] bg-background px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-shadcn-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0',
           {
             'cursor-not-allowed': props.readOnly,
-            'disabled:cursor-not-allowed disabled:bg-zinc-100 disabled:opacity-50 ':
+            'disabled:cursor-not-allowed disabled:bg-zinc-100 disabled:opacity-50':
               props.disabled
           },
           className

src/components/ui/progress/index.tsx

@@ -22,7 +22,7 @@ const Progress = React.forwardRef<
     {...props}
   >
     <ProgressPrimitive.Indicator
-      className={`h-full w-full flex-1  transition-all ${indicatorColor}`}
+      className={`h-full w-full flex-1 transition-all ${indicatorColor}`}
       style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
     />
   </ProgressPrimitive.Root>

src/components/ui/sheet.tsx

@@ -20,7 +20,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.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',
+      '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}

src/components/ui/switch.tsx

@@ -11,7 +11,7 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#52525B] data-[state=unchecked]:bg-[#E5E7EB]  dark:focus-visible:ring-slate-300 dark:focus-visible:ring-offset-slate-950 dark:data-[state=checked]:bg-slate-50 dark:data-[state=unchecked]:bg-slate-800',
+      'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#52525B] data-[state=unchecked]:bg-[#E5E7EB] dark:focus-visible:ring-slate-300 dark:focus-visible:ring-offset-slate-950 dark:data-[state=checked]:bg-slate-50 dark:data-[state=unchecked]:bg-slate-800',
       className
     )}
     {...props}