diff options
| -rw-r--r-- | src/components/InputTypes/ShortText.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/components/InputTypes/ShortText.tsx b/src/components/InputTypes/ShortText.tsx index 12f066e..dbf14ad 100644 --- a/src/components/InputTypes/ShortText.tsx +++ b/src/components/InputTypes/ShortText.tsx @@ -5,7 +5,7 @@ import { textInputs, invalidStyles } from "../../commonStyles"; interface ShortTextProps { handler: (event: ChangeEvent<HTMLInputElement>) => void, - blurHandler: (event: FocusEvent<HTMLInputElement>) => void, + onBlurHandler: (event: FocusEvent<HTMLInputElement>) => void, valid: boolean, // eslint-disable-next-line @typescript-eslint/no-explicit-any focus_ref: React.RefObject<any> @@ -14,7 +14,7 @@ interface ShortTextProps { export default function ShortText(props: ShortTextProps): JSX.Element { return ( <div css={invalidStyles}> - <input type="text" css={textInputs} placeholder="Enter Text..." onChange={props.handler} onBlur={props.blurHandler} className={!props.valid ? "invalid-box" : ""} ref={props.focus_ref}/> + <input type="text" css={textInputs} placeholder="Enter Text..." onChange={props.handler} onBlur={props.onBlurHandler} className={!props.valid ? "invalid-box" : ""} ref={props.focus_ref}/> </div> ); } |