From f1ddd0aa1c3fb9490a5965a6883ed61fccc817b6 Mon Sep 17 00:00:00 2001
From: Charleen Chen <charleenc485@gmail.com>
Date: Mon, 21 Oct 2024 19:00:02 -0700
Subject: [PATCH 1/4] Created Textarea from shadcn

---
 package-lock.json                         | 23 ++++++++++++++++++++
 package.json                              |  1 +
 src/components/global/inputs/textarea.tsx | 14 ++++++------
 src/components/ui/label.tsx               | 26 +++++++++++++++++++++++
 src/components/ui/textarea.tsx            | 24 +++++++++++++++++++++
 5 files changed, 82 insertions(+), 6 deletions(-)
 create mode 100644 src/components/ui/label.tsx
 create mode 100644 src/components/ui/textarea.tsx

diff --git a/package-lock.json b/package-lock.json
index 7633c23..5f31482 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@radix-ui/react-alert-dialog": "^1.1.2",
+        "@radix-ui/react-label": "^2.1.0",
         "@radix-ui/react-slot": "^1.1.0",
         "@tanstack/react-query": "^5.53.3",
         "class-variance-authority": "^0.7.0",
@@ -727,6 +728,28 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.0.tgz",
+      "integrity": "sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-portal": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
diff --git a/package.json b/package.json
index 4224942..f6150af 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@tanstack/react-query": "^5.53.3",
     "class-variance-authority": "^0.7.0",
diff --git a/src/components/global/inputs/textarea.tsx b/src/components/global/inputs/textarea.tsx
index 3500537..afc5f38 100644
--- a/src/components/global/inputs/textarea.tsx
+++ b/src/components/global/inputs/textarea.tsx
@@ -1,13 +1,15 @@
 import { TextareaInput } from "@/types/questions";
+import { Label } from "@/components/ui/label"
+import { Textarea as TextareShadCN} from "@/components/ui/textarea"
 
 const Textarea = ({ meta }: { meta: TextareaInput }) => {
   const { title, placeholder } = meta;
-
   return (
-    <div>
-      {title} {placeholder}
+    <div className="grid w-full gap-1.5">
+        <Label htmlFor="message">{title}</Label>
+      <TextareShadCN placeholder= {placeholder} id="message" />
     </div>
-  );
-};
+  )
+}
 
-export default Textarea;
+export default Textarea;
\ No newline at end of file
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+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"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..9f9a6dc
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Textarea.displayName = "Textarea"
+
+export { Textarea }

From 9d1c2bdec36471628428d3568bc2286c606aa5b0 Mon Sep 17 00:00:00 2001
From: Charleen Chen <charleenc485@gmail.com>
Date: Mon, 21 Oct 2024 19:00:48 -0700
Subject: [PATCH 2/4] Created Textarea from shadcn

---
 src/components/global/inputs/textarea.tsx | 14 +++++++-------
 src/components/ui/label.tsx               | 20 ++++++++++----------
 src/components/ui/textarea.tsx            | 16 ++++++++--------
 3 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/components/global/inputs/textarea.tsx b/src/components/global/inputs/textarea.tsx
index afc5f38..82b7be7 100644
--- a/src/components/global/inputs/textarea.tsx
+++ b/src/components/global/inputs/textarea.tsx
@@ -1,15 +1,15 @@
 import { TextareaInput } from "@/types/questions";
-import { Label } from "@/components/ui/label"
-import { Textarea as TextareShadCN} from "@/components/ui/textarea"
+import { Label } from "@/components/ui/label";
+import { Textarea as TextareShadCN } from "@/components/ui/textarea";
 
 const Textarea = ({ meta }: { meta: TextareaInput }) => {
   const { title, placeholder } = meta;
   return (
     <div className="grid w-full gap-1.5">
-        <Label htmlFor="message">{title}</Label>
-      <TextareShadCN placeholder= {placeholder} id="message" />
+      <Label htmlFor="message">{title}</Label>
+      <TextareShadCN placeholder={placeholder} id="message" />
     </div>
-  )
-}
+  );
+};
 
-export default Textarea;
\ No newline at end of file
+export default Textarea;
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
index 5341821..84f8b0c 100644
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -1,14 +1,14 @@
-"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<
   React.ElementRef<typeof LabelPrimitive.Root>,
@@ -20,7 +20,7 @@ const Label = React.forwardRef<
     className={cn(labelVariants(), className)}
     {...props}
   />
-))
-Label.displayName = LabelPrimitive.Root.displayName
+));
+Label.displayName = LabelPrimitive.Root.displayName;
 
-export { Label }
+export { Label };
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 9f9a6dc..9f00573 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
@@ -11,14 +11,14 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       <textarea
         className={cn(
           "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
+          className,
         )}
         ref={ref}
         {...props}
       />
-    )
-  }
-)
-Textarea.displayName = "Textarea"
+    );
+  },
+);
+Textarea.displayName = "Textarea";
 
-export { Textarea }
+export { Textarea };

From 1c808e9772eec90c1844066eed76645b5a44fe59 Mon Sep 17 00:00:00 2001
From: shahdivyank <divyank.shah.2016@gmail.com>
Date: Tue, 22 Oct 2024 18:08:49 -0700
Subject: [PATCH 3/4] fix errors

---
 src/components/ui/textarea.tsx | 32 +++++++++++++++-----------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 9f00573..985cb66 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -2,23 +2,21 @@ import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
-
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-  ({ className, ...props }, ref) => {
-    return (
-      <textarea
-        className={cn(
-          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[80px] w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className,
+      )}
+      ref={ref}
+      {...props}
+    />
+  );
+});
 Textarea.displayName = "Textarea";
 
 export { Textarea };

From dc9f177036355a6ac797f0b105f29ccb040592f0 Mon Sep 17 00:00:00 2001
From: shahdivyank <divyank.shah.2016@gmail.com>
Date: Tue, 22 Oct 2024 18:14:37 -0700
Subject: [PATCH 4/4] formatting

---
 src/components/ui/textarea.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 985cb66..dcacc30 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
   return (
     <textarea
       className={cn(
-        "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[80px] w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       ref={ref}