28 lines
942 B
TypeScript
28 lines
942 B
TypeScript
|
import React from 'react';
|
||
|
|
import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper';
|
||
|
|
import { Field, FieldProps } from 'formik';
|
||
|
|
import Switch, { SwitchProps } from '@/components/elements/Switch';
|
||
|
|
|
||
|
|
const FormikSwitch = ({ name, label, ...props }: SwitchProps) => {
|
||
|
|
return (
|
||
|
|
<FormikFieldWrapper name={name}>
|
||
|
|
<Field name={name}>
|
||
|
|
{({ field, form }: FieldProps) => (
|
||
|
|
<Switch
|
||
|
|
name={name}
|
||
|
|
label={label}
|
||
|
|
onChange={() => {
|
||
|
|
form.setFieldTouched(name);
|
||
|
|
form.setFieldValue(field.name, !field.value);
|
||
|
|
}}
|
||
|
|
defaultChecked={field.value}
|
||
|
|
{...props}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
</Field>
|
||
|
|
</FormikFieldWrapper>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default FormikSwitch;
|