You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
754 B
33 lines
754 B
import React from "react";
|
|
import { useFormikContext } from "formik";
|
|
|
|
import Picker from "../Picker";
|
|
import ErrorMessage from "./ErrorMessage";
|
|
|
|
function AppFormPicker({
|
|
items,
|
|
name,
|
|
numberOfColumns,
|
|
PickerItemComponent,
|
|
placeholder,
|
|
width,
|
|
}) {
|
|
const { errors, setFieldValue, touched, values } = useFormikContext();
|
|
|
|
return (
|
|
<>
|
|
<Picker
|
|
items={items}
|
|
numberOfColumns={numberOfColumns}
|
|
onSelectItem={(item) => setFieldValue(name, item)}
|
|
PickerItemComponent={PickerItemComponent}
|
|
placeholder={placeholder}
|
|
selectedItem={values[name]}
|
|
width={width}
|
|
/>
|
|
<ErrorMessage error={errors[name]} visible={touched[name]} />
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default AppFormPicker;
|