Add validation in the Select Component

ohcnetwork · Mar 30, 2024 · 80a9ef1 · 80a9ef1
1 parent 641f70a
commit 80a9ef1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/src/Components/Form/SelectMenuV2.tsx b/src/Components/Form/SelectMenuV2.tsx
@@ -59,7 +59,8 @@ const SelectMenuV2 = <T, V>(props: SelectMenuProps<T, V>) => {
 
   const showChevronIcon = props.showChevronIcon ?? true;
 
-  const placeholder = props.placeholder ?? "Select";
+  const placeholder =
+    valueOptions?.length > 0 ? props.placeholder ?? "Select" : "No options";
   const defaultOption = {
     label: placeholder,
     selectedLabel: <p className="font-normal text-gray-600">{placeholder}</p>,
@@ -77,7 +78,7 @@ const SelectMenuV2 = <T, V>(props: SelectMenuProps<T, V>) => {
   return (
     <div className={props.className} id={props.id}>
       <Listbox
-        disabled={props.disabled}
+        disabled={props.disabled || valueOptions?.length === 0}
         value={value}
         onChange={(selection: any) => props.onChange(selection.value)}
       >

diff --git a/src/Components/Patient/PatientRegister.tsx b/src/Components/Patient/PatientRegister.tsx
@@ -1487,15 +1487,10 @@ export const PatientRegister = (props: PatientRegisterProps) => {
                                     required
                                     placeholder={
                                       field("district").value
-                                        ? !localBody.length
-                                          ? "No options available"
-                                          : "Choose Localbody"
+                                        ? "Choose Localbody"
                                         : "Select District First"
                                     }
-                                    disabled={
-                                      !field("district").value ||
-                                      !localBody.length
-                                    }
+                                    disabled={!field("district").value}
                                     options={localBody}
                                     optionLabel={(o: any) => o.name}
                                     optionValue={(o: any) => o.id}