Hafid Nur
3958ae1098
- Pisahkan type dan schema untuk gacha roll item - Perbaiki validasi gacha roll item - Parsing angka pada component ControlledInputField - Update type number untuk component Input dan InputField
34 lines
795 B
TypeScript
34 lines
795 B
TypeScript
import {
|
|
InputField,
|
|
TInputFieldProps,
|
|
} from '@imphnen-frontend-service/ui/molecules';
|
|
import {
|
|
FieldValues,
|
|
useController,
|
|
UseControllerProps,
|
|
} from 'react-hook-form';
|
|
|
|
export type TControlledInputFieldProps<T extends FieldValues> =
|
|
UseControllerProps<T> & TInputFieldProps;
|
|
|
|
export const ControlledInputField = <T extends FieldValues>(
|
|
props: TControlledInputFieldProps<T>
|
|
) => {
|
|
const { field, fieldState } = useController<T>(props);
|
|
|
|
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
const value =
|
|
props.type === 'number' ? Number(e.target.value) : e.target.value;
|
|
field.onChange(value);
|
|
};
|
|
|
|
return (
|
|
<InputField
|
|
error={fieldState.error?.message}
|
|
{...props}
|
|
{...field}
|
|
onChange={handleChange}
|
|
/>
|
|
);
|
|
};
|