diff --git a/web/public/locales/en/components/filter.json b/web/public/locales/en/components/filter.json index 0904f2504..78188452b 100644 --- a/web/public/locales/en/components/filter.json +++ b/web/public/locales/en/components/filter.json @@ -96,5 +96,13 @@ }, "zoneMask": { "filterBy": "Filter by zone mask" + }, + "recognizedLicensePlates": { + "title": "Recognized License Plates", + "loadFailed": "Failed to load recognized license plates.", + "loading": "Loading recognized license plates...", + "placeholder": "Type to search license plates...", + "noLicensePlatesFound": "No license plates found.", + "selectPlatesFromList": "Select one or more plates from the list." } } diff --git a/web/public/locales/zh-CN/components/filter.json b/web/public/locales/zh-CN/components/filter.json index a051e5f2b..f7c7deffe 100644 --- a/web/public/locales/zh-CN/components/filter.json +++ b/web/public/locales/zh-CN/components/filter.json @@ -96,5 +96,13 @@ }, "zoneMask": { "filterBy": "按区域遮罩筛选" - } + }, + "recognizedLicensePlates": { + "title": "识别的车牌", + "loadFailed": "加载识别的车牌失败。", + "loading": "正在加载识别的车牌...", + "placeholder": "输入以搜索车牌...", + "noLicensePlatesFound": "未找到车牌。", + "selectPlatesFromList": "从列表中选择一个或多个车牌。" +} } diff --git a/web/src/components/overlay/dialog/SearchFilterDialog.tsx b/web/src/components/overlay/dialog/SearchFilterDialog.tsx index 3ffb7a552..bf77462b1 100644 --- a/web/src/components/overlay/dialog/SearchFilterDialog.tsx +++ b/web/src/components/overlay/dialog/SearchFilterDialog.tsx @@ -876,6 +876,8 @@ export function RecognizedLicensePlatesFilterContent({ recognizedLicensePlates, setRecognizedLicensePlates, }: RecognizedLicensePlatesFilterContentProps) { + const { t } = useTranslation(["components/filter"]); + const { data: allRecognizedLicensePlates, error } = useSWR( "recognized_license_plates", { @@ -924,26 +926,28 @@ export function RecognizedLicensePlatesFilterContent({ return (
-
Recognized License Plates
+
{t("recognizedLicensePlates.title")}
{error ? (

- Failed to load recognized license plates. + {t("recognizedLicensePlates.loadFailed")}

) : !allRecognizedLicensePlates ? (

- Loading recognized license plates... + {t("recognizedLicensePlates.loading")}

) : ( <> {filteredRecognizedLicensePlates.length === 0 && inputValue && ( - No license plates found. + + {t("recognizedLicensePlates.noLicensePlatesFound")} + )} {filteredRecognizedLicensePlates.map((plate) => ( )}

- Select one or more plates from the list. + {t("recognizedLicensePlates.selectPlatesFromList")}

);