administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-13 00:26:42 +03:00
Code Issues Actions 2 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, placeholderId,
}: NameAndIdFieldsProps<T>) { }: NameAndIdFieldsProps<T>) {
const { t } = useTranslation(["common"]); const { t } = useTranslation(["common"]);
const { watch, setValue, trigger } = useFormContext<T>(); const {
watch,
setValue,
trigger,
formState: { errors },
} = useFormContext<T>();
const [isIdVisible, setIsIdVisible] = useState(false); const [isIdVisible, setIsIdVisible] = useState(false);
const defaultProcessId = (name: string) => { const defaultProcessId = (name: string) => {
@ -66,6 +71,13 @@ export default function NameAndIdFields<T extends FieldValues = FieldValues>({
return () => subscription.unsubscribe(); return () => subscription.unsubscribe();
}, [watch, setValue, trigger, nameField, idField, effectiveProcessId]); }, [watch, setValue, trigger, nameField, idField, effectiveProcessId]);
const idError = errors[idField];
useEffect(() => {
if (idError) {
setIsIdVisible(true);
}
}, [idError]);
return ( return (
<> <>
<FormField <FormField