fix: eslint comp/ui

Boutzi · Oct 7, 2024 · beb9d1f · beb9d1f
1 parent 604bf77
commit beb9d1f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/app/_components/Form.tsx b/app/_components/Form.tsx
@@ -18,36 +18,43 @@ export const Form = () => {
         <div className="flex flex-col gap-4 mt-8">
           <div className="flex gap-4 max-lg:flex-col">
             <div className="flex flex-[2] flex-col gap-1">
-              <label className="text-xs">First Name</label>
+              <label htmlFor="first-name" className="text-xs">First Name</label>
               <Input
+                id="first-name"
                 className="flex-1 rounded-lg p-3 hover:bg-accent/20"
                 required
               />
             </div>
             <div className="flex flex-[2] flex-col gap-1">
-              <label className="text-xs">Last Name</label>
+              <label htmlFor="last-name" className="text-xs">Last Name</label>
               <Input
+                id="last-name"
                 className="flex-1 rounded-lg p-3 hover:bg-accent/20"
                 required
               />
             </div>
           </div>
           <div className="flex gap-4 max-lg:flex-col">
             <div className="flex flex-[2] flex-col gap-1">
-              <label className="text-xs">Email</label>
+              <label htmlFor="email" className="text-xs">Email</label>
               <Input
+                id="email"
                 className="flex-1 rounded-lg p-3 hover:bg-accent/20"
                 required
               />
             </div>
             <div className="flex flex-[2] flex-col gap-1">
-              <label className="text-xs">Company</label>
-              <Input className="flex-1 rounded-lg p-3 hover:bg-accent/20" />
+              <label htmlFor="company" className="text-xs">Company</label>
+              <Input 
+                id="company" 
+                className="flex-1 rounded-lg p-3 hover:bg-accent/20" 
+              />
             </div>
           </div>
           <div className="flex flex-[2] flex-col gap-1">
-            <label className="text-xs">Your message</label>
+            <label htmlFor="message" className="text-xs">Your message</label>
             <Textarea
+              id="message"
               placeholder="Type your message here."
               className="flex-1 rounded-lg p-3 hover:bg-accent/20 resize-y min-h-[130px]"
               required

diff --git a/app/_components/ui/input.tsx b/app/_components/ui/input.tsx
@@ -2,6 +2,7 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}
 

diff --git a/app/_components/ui/textarea.tsx b/app/_components/ui/textarea.tsx
@@ -2,6 +2,7 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}