select input added where necessary

2024-04-22 22:38:35 +01:00
parent 44933d4362
commit 104295bdb2
8 changed files with 228 additions and 129 deletions
@@ -31,15 +31,18 @@ export default function DashboardFormInit({handleNextStep}:Props) {
          name="applyIshInput"
          label="For How Many Months?"
          labelClass="font-bold text-[1.125rem]"
-          input
-          inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
-          placeholder="12 Months"
+          select={true}
+          selectClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+          // selectValue=''
+          selectOptions={duration}
+          // onChange={()=>{}}
        />
        <InputCompOne
          parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
          name="applyIshInput"
          label="Direct sales agent ID ( Optional )"
          labelClass="font-bold text-[1.125rem]"
+          floatLabel='Enter agent ID'
          input
          inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
          placeholder="Agent ID"
@@ -54,3 +57,17 @@ export default function DashboardFormInit({handleNextStep}:Props) {
    </div>
  );
 }
+
+interface Option {
+  value: string;
+  label: string;
+}
+
+
+const duration: Option[] = [
+  { value: "", label: "Please Select" },
+  { value: "6", label: "6 Months" },
+  { value: "12", label: "12 Months" },
+  { value: "18", label: "18 Months" },
+  { value: "24", label: "24 Months" },
+];