Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 53x 229x 229x 262x | import React from "react";
import { Controller, useFormContext } from "react-hook-form";
import { Box, SxProps } from "@mui/material";
import GiveIntegerInput, {
GiveIntegerInputProps,
} from "@shared/GiveInputs/GiveIntegerInput";
type RHFCustomAmountInputProps = GiveIntegerInputProps & {
name: string;
width?: string | number;
helper?: string | React.ReactNode;
hidePlaceholder?: boolean;
style?: React.CSSProperties;
controlSx?: SxProps;
};
const HFGiveIntegerInput = ({
name,
label,
width,
helper,
...props
}: RHFCustomAmountInputProps) => {
const { control } = useFormContext();
return (
<Controller
name={name}
control={control}
render={({ field: { ref, ...rest }, fieldState: { error } }) => {
return (
<Box width={width}>
<GiveIntegerInput
inputRef={ref}
label={label}
error={Boolean(error)}
helperText={helper ? helper : (error?.message as string)}
{...rest}
{...props}
/>
</Box>
);
}}
/>
);
};
export default HFGiveIntegerInput;
|