administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-11 07:45:41 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

ensure id field is expanded on form errors

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-04 08:15:28 -06:00
parent 256817d5c2
commit 3f2ed743eb
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/input/NameAndIdFields.tsx
View File

@ -41,7 +41,12 @@ export default function NameAndIdFields<T extends FieldValues = FieldValues>({
placeholderId,
}: NameAndIdFieldsProps<T>) {
const { t } = useTranslation(["common"]);
const { watch, setValue, trigger } = useFormContext<T>();
const {
watch,
setValue,
trigger,
formState: { errors },
} = useFormContext<T>();
const [isIdVisible, setIsIdVisible] = useState(false);
const defaultProcessId = (name: string) => {
@ -66,6 +71,13 @@ export default function NameAndIdFields<T extends FieldValues = FieldValues>({
return () => subscription.unsubscribe();
}, [watch, setValue, trigger, nameField, idField, effectiveProcessId]);
const idError = errors[idField];
useEffect(() => {
if (idError) {
setIsIdVisible(true);
}
}, [idError]);
return (
<>
<FormField