diff --git a/src/app/components/SearchablePicker.js b/src/app/components/SearchablePicker.js
index 94489d7..32a76ee 100644
--- a/src/app/components/SearchablePicker.js
+++ b/src/app/components/SearchablePicker.js
@@ -6,6 +6,7 @@ import DropDownPicker from "react-native-dropdown-picker";
import { Shadow } from "react-native-shadow-2";
import { useFormikContext } from "formik";
import { ErrorMessage } from "./forms";
+import defaultStyles from "../config/styles";
function DropDown({
value,
@@ -39,6 +40,8 @@ function DropDown({
borderRadius: 6,
borderColor: colors.grayBG,
borderWidth: 1,
+ ...defaultStyles.shadow,
+ height: 58,
}}
textStyle={{
color: colors.medium,
@@ -66,17 +69,15 @@ function SearchablePicker({
marginRight = 2,
marginLeft = 16,
}) {
-
- const { values, setFieldValue, errors, touched } = name ? useFormikContext() : [1,1,1,1];
-
+ const { values, setFieldValue, errors, touched } = name
+ ? useFormikContext()
+ : [1, 1, 1, 1];
const [value, setValue] = useState(name ? values[name] : "");
useEffect(() => {
- if (name)
- setFieldValue(name, value, true);
- else
- setSelected(value)
+ if (name) setFieldValue(name, value, true);
+ else setSelected(value);
}, [value]);
return (
@@ -86,25 +87,17 @@ function SearchablePicker({
{ marginLeft: marginLeft, marginRight: marginRight },
]}
>
-
-
-
+
- {name && ()}
+ {name && }
);
}