diff --git a/web/src/components/config-form/theme/widgets/ObjectLabelSwitchesWidget.tsx b/web/src/components/config-form/theme/widgets/ObjectLabelSwitchesWidget.tsx index d3d6bdbe3..6446f00ae 100644 --- a/web/src/components/config-form/theme/widgets/ObjectLabelSwitchesWidget.tsx +++ b/web/src/components/config-form/theme/widgets/ObjectLabelSwitchesWidget.tsx @@ -2,7 +2,7 @@ import { WidgetProps } from "@rjsf/utils"; import { SwitchesWidget } from "./SwitchesWidget"; import { FormContext } from "./SwitchesWidget"; -import { getTranslatedLabel } from "@/utils/i18n"; +import i18n, { getTranslatedLabel } from "@/utils/i18n"; import { FrigateConfig } from "@/types/frigateConfig"; import { JsonObject } from "@/types/configForm"; @@ -76,7 +76,12 @@ function getObjectLabels(context: FormContext): string[] { ...sourceLabels, ...formDataLabels, ]); - return [...combinedLabels].sort(); + return [...combinedLabels].sort((a, b) => + getObjectLabelDisplayName(a).localeCompare( + getObjectLabelDisplayName(b), + i18n.language, + ), + ); } function getObjectLabelDisplayName(label: string): string {