fix(eslint): run lint:fix script

codingcodax · Jul 16, 2024 · 7f4a186 · 7f4a186
1 parent a8b7af7
commit 7f4a186
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 15 deletions.
diff --git a/apps/www/src/app/_components/auth-showcase.tsx b/apps/www/src/app/_components/auth-showcase.tsx
@@ -8,11 +8,11 @@ export async function AuthShowcase() {
     return (
       <form>
         <Button
-          size='lg'
           formAction={async () => {
             'use server';
             await signIn('discord');
           }}
+          size='lg'
         >
           Sign in with Discord
         </Button>
@@ -28,11 +28,11 @@ export async function AuthShowcase() {
 
       <form>
         <Button
-          size='lg'
           formAction={async () => {
             'use server';
             await signOut();
           }}
+          size='lg'
         >
           Sign out
         </Button>

diff --git a/apps/www/src/app/_components/posts.tsx b/apps/www/src/app/_components/posts.tsx
@@ -130,8 +130,8 @@ export function PostCard(props: {
       </div>
       <div>
         <Button
-          variant='ghost'
           className='cursor-pointer text-sm font-bold uppercase text-primary hover:bg-transparent hover:text-white'
+          variant='ghost'
           onClick={() => deletePost.mutate(props.post.id)}
         >
           Delete

diff --git a/apps/www/src/app/layout.tsx b/apps/www/src/app/layout.tsx
@@ -44,15 +44,15 @@ export const viewport: Viewport = {
 
 export default function RootLayout(props: { children: React.ReactNode }) {
   return (
-    <html lang='en' suppressHydrationWarning>
+    <html suppressHydrationWarning lang='en'>
       <body
         className={cn(
           'min-h-screen bg-background font-sans text-foreground antialiased',
           GeistSans.variable,
           GeistMono.variable,
         )}
       >
-        <ThemeProvider attribute='class' defaultTheme='system' enableSystem>
+        <ThemeProvider enableSystem attribute='class' defaultTheme='system'>
           <TRPCReactProvider>{props.children}</TRPCReactProvider>
           <div className='absolute bottom-4 right-4'>
             <ThemeToggle />

diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
@@ -46,8 +46,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     const Comp = asChild ? Slot : 'button';
     return (
       <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
+        className={cn(buttonVariants({ variant, size, className }))}
         {...props}
       />
     );

diff --git a/packages/ui/src/dropdown-menu.tsx b/packages/ui/src/dropdown-menu.tsx
@@ -62,12 +62,12 @@ const DropdownMenuContent = React.forwardRef<
   <DropdownMenuPrimitive.Portal>
     <DropdownMenuPrimitive.Content
       ref={ref}
-      sideOffset={sideOffset}
       className={cn(
         'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',
         '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',
         className,
       )}
+      sideOffset={sideOffset}
       {...props}
     />
   </DropdownMenuPrimitive.Portal>
@@ -98,11 +98,11 @@ const DropdownMenuCheckboxItem = React.forwardRef<
 >(({ className, children, checked, ...props }, ref) => (
   <DropdownMenuPrimitive.CheckboxItem
     ref={ref}
+    checked={checked}
     className={cn(
       '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',
       className,
     )}
-    checked={checked}
     {...props}
   >
     <span className='absolute left-2 flex size-3.5 items-center justify-center'>

diff --git a/packages/ui/src/form.tsx b/packages/ui/src/form.tsx
@@ -136,13 +136,13 @@ const FormControl = React.forwardRef<
   return (
     <Slot
       ref={ref}
-      id={formItemId}
       aria-describedby={
         !error
           ? `${formDescriptionId}`
           : `${formDescriptionId} ${formMessageId}`
       }
       aria-invalid={!!error}
+      id={formItemId}
       {...props}
     />
   );
@@ -158,8 +158,8 @@ const FormDescription = React.forwardRef<
   return (
     <p
       ref={ref}
-      id={formDescriptionId}
       className={cn('text-[0.8rem] text-muted-foreground', className)}
+      id={formDescriptionId}
       {...props}
     />
   );
@@ -180,8 +180,8 @@ const FormMessage = React.forwardRef<
   return (
     <p
       ref={ref}
-      id={formMessageId}
       className={cn('text-[0.8rem] font-medium text-destructive', className)}
+      id={formMessageId}
       {...props}
     >
       {body}

diff --git a/packages/ui/src/input.tsx b/packages/ui/src/input.tsx
@@ -8,12 +8,12 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type, ...props }, ref) => {
     return (
       <input
-        type={type}
+        ref={ref}
         className={cn(
           'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
           className,
         )}
-        ref={ref}
+        type={type}
         {...props}
       />
     );

diff --git a/packages/ui/src/theme.tsx b/packages/ui/src/theme.tsx
@@ -18,7 +18,7 @@ function ThemeToggle() {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant='outline' size='icon'>
+        <Button size='icon' variant='outline'>
           <SunIcon className='size-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0' />
           <MoonIcon className='absolute size-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100' />
           <span className='sr-only'>Toggle theme</span>

diff --git a/packages/ui/src/toast.tsx b/packages/ui/src/toast.tsx
@@ -10,8 +10,8 @@ const Toaster = ({ ...props }: ToasterProps) => {
 
   return (
     <Sonner
-      theme={theme as ToasterProps['theme']}
       className='toaster group'
+      theme={theme as ToasterProps['theme']}
       toastOptions={{
         classNames: {
           toast: