468c8161eb
Rework a bit the recent work made on RHF example to make some component more generic, such as RhfSelect and RhfDatepicker, which is based on a design using RHF context hooks to provide a seamless integration. Fixes #144
27 lines
752 B
TypeScript
27 lines
752 B
TypeScript
import { Controller, useFormContext } from "react-hook-form";
|
|
import React from "react";
|
|
import { Select } from ":/components/Forms/Select/index";
|
|
import { SelectProps } from ":/components/Forms/Select/mono";
|
|
|
|
export const RhfSelect = (props: SelectProps & { name: string }) => {
|
|
const { control } = useFormContext();
|
|
return (
|
|
<Controller
|
|
control={control}
|
|
name={props.name}
|
|
render={({ field, fieldState }) => {
|
|
return (
|
|
<Select
|
|
{...props}
|
|
state={fieldState.error ? "error" : "default"}
|
|
text={fieldState.error?.message}
|
|
onBlur={field.onBlur}
|
|
onChange={field.onChange}
|
|
value={field.value}
|
|
/>
|
|
);
|
|
}}
|
|
/>
|
|
);
|
|
};
|