From 4c844089fe6e6c41a0b71a5959c126f870d6874e Mon Sep 17 00:00:00 2001
From: SteakFisher <miniminter2018p@gmail.com>
Date: Tue, 11 Jun 2024 21:53:25 +0400
Subject: [PATCH] dropdown now uses id instead of value

---
 src/components/form-display/DropdownComponent.tsx | 6 +++++-
 src/functions/validations.ts                      | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/form-display/DropdownComponent.tsx b/src/components/form-display/DropdownComponent.tsx
index b8a2017..f7ec442 100644
--- a/src/components/form-display/DropdownComponent.tsx
+++ b/src/components/form-display/DropdownComponent.tsx
@@ -30,7 +30,11 @@ export default function DropdownComponent({ item, id } : { id: string; item: For
       </CardHeader>
       <CardContent>
         <Select onValueChange={(value) => {
-          formResponses[id] = { selected: value, type: "dropdown" }
+          props.items.map((item) => {
+            if (item.value === value) {
+              formResponses[id] = { selected: item.id, type: "dropdown" }
+            }
+          })
         }}>
           <SelectTrigger className="w-[180px]">
             <SelectValue placeholder="Select Item" />
diff --git a/src/functions/validations.ts b/src/functions/validations.ts
index edc3e4b..07cdc03 100644
--- a/src/functions/validations.ts
+++ b/src/functions/validations.ts
@@ -143,7 +143,7 @@ function validateDropdownInput(item: FormItem, response: DropdownResponse, error
   if (!response.selected && !item.props.required) return;
 
   // Workaround for zod to work tsk tsk
-  const zodLiterals = item.props.items.map((option) => z.literal(option.value)) as unknown as readonly [ z.ZodLiteral<string>, z.ZodLiteral<string>, ...z.ZodLiteral<string>[] ]
+  const zodLiterals = item.props.items.map((option) => z.literal(option.id)) as unknown as readonly [ z.ZodLiteral<string>, z.ZodLiteral<string>, ...z.ZodLiteral<string>[] ]
 
   let dropdownResponseValidate = z.object({
     selected: z.union(zodLiterals, {