fix: update label select

Author: arielsrodriguez

src/components/Form/SingleSelect.tsx

@@ -111,11 +111,12 @@ function SingleSelect({
     if (option.disabled) return
 
     const originalOption = optionsList.find((opt) => opt.value === option.value)
+    const selectedOpt = originalOption || option
 
-    setSelectedOption(originalOption || option)
+    setSelectedOption(selectedOpt)
     setIsOpen(false)
 
-    onChangeSelect?.(originalOption || option)
+    onChangeSelect?.(selectedOpt)
   }
 
   const optionsWithSelected = optionsList.map((opt) => ({
@@ -124,15 +125,12 @@ function SingleSelect({
   }))
 
   const getInputLabel = () => {
-    let inputLabel = label
     if (!isFilter && !selectedOption) return ''
-    if (!selectedOption) return inputLabel
+    if (!selectedOption) return label || ''
 
-    return selectedOption.value === ''
-      ? inputLabel
-      : (inputLabel =
-          optionsList.find((opt) => opt.value === selectedOption.value)
-            ?.label || label)
+    if (selectedOption.value === '') return label || ''
+
+    return selectedOption.label || selectedOption.value.toString()
   }
 
   useEffect(() => {
@@ -149,8 +147,12 @@ function SingleSelect({
   }, [])
 
   useEffect(() => {
-    const found = optionsList.find((opt) => opt.value === value)
-    setSelectedOption(found || null)
+    if (value !== undefined && value !== null) {
+      const found = optionsList.find((opt) => opt.value === value)
+      setSelectedOption(found || null)
+    } else {
+      setSelectedOption(null)
+    }
   }, [value, optionsList])
 
   return (