diff --git a/web/src/components/config-form/ConfigForm.tsx b/web/src/components/config-form/ConfigForm.tsx index 612cf236a..5c13a30b0 100644 --- a/web/src/components/config-form/ConfigForm.tsx +++ b/web/src/components/config-form/ConfigForm.tsx @@ -6,11 +6,9 @@ import type { IChangeEvent } from "@rjsf/core"; import { frigateTheme } from "./theme"; import { transformSchema } from "@/lib/config-schema"; import { createErrorTransformer } from "@/lib/config-schema/errorMessages"; -import { useMemo, useCallback, useState } from "react"; +import { useMemo, useCallback } from "react"; import { useTranslation } from "react-i18next"; import { cn } from "@/lib/utils"; -import { Switch } from "@/components/ui/switch"; -import { Label } from "@/components/ui/label"; export interface ConfigFormProps { /** JSON Schema for the form */ @@ -64,7 +62,7 @@ export function ConfigForm({ readonly = false, showSubmit = true, className, - liveValidate = false, + liveValidate = true, formContext, i18nNamespace, }: ConfigFormProps) { @@ -73,16 +71,11 @@ export function ConfigForm({ "views/settings", "config/validation", ]); - const [showAdvanced, setShowAdvanced] = useState(false); // Determine which fields to hide based on advanced toggle const effectiveHiddenFields = useMemo(() => { - if (showAdvanced || !advancedFields || advancedFields.length === 0) { - return hiddenFields; - } - // Hide advanced fields when toggle is off - return [...(hiddenFields || []), ...advancedFields]; - }, [hiddenFields, advancedFields, showAdvanced]); + return hiddenFields; + }, [hiddenFields]); // Transform schema and generate uiSchema const { schema: transformedSchema, uiSchema: generatedUiSchema } = useMemo( @@ -90,17 +83,10 @@ export function ConfigForm({ transformSchema(schema, { fieldOrder, hiddenFields: effectiveHiddenFields, - advancedFields: showAdvanced ? advancedFields : [], + advancedFields: advancedFields, i18nNamespace, }), - [ - schema, - fieldOrder, - effectiveHiddenFields, - advancedFields, - showAdvanced, - i18nNamespace, - ], + [schema, fieldOrder, effectiveHiddenFields, advancedFields, i18nNamespace], ); // Merge generated uiSchema with custom overrides @@ -133,8 +119,6 @@ export function ConfigForm({ [onSubmit], ); - const hasAdvancedFields = advancedFields && advancedFields.length > 0; - // Extended form context with i18n info const extendedFormContext = useMemo( () => ({ @@ -147,24 +131,6 @@ export function ConfigForm({ return (