add loading indicator

This commit is contained in:
Josh Hawkins 2025-08-13 14:46:34 -05:00
parent b78033702f
commit c462f4d89f

View File

@ -42,6 +42,7 @@ import {
CommandList, CommandList,
} from "@/components/ui/command"; } from "@/components/ui/command";
import { LuCheck } from "react-icons/lu"; import { LuCheck } from "react-icons/lu";
import ActivityIndicator from "@/components/indicators/activity-indicator";
type SearchFilterDialogProps = { type SearchFilterDialogProps = {
config?: FrigateConfig; config?: FrigateConfig;
@ -947,7 +948,8 @@ export function RecognizedLicensePlatesFilterContent({
<DropdownMenuSeparator className="mb-3" /> <DropdownMenuSeparator className="mb-3" />
<div className="mb-3 text-lg">{t("recognizedLicensePlates.title")}</div> <div className="mb-3 text-lg">{t("recognizedLicensePlates.title")}</div>
{allRecognizedLicensePlates == undefined ? ( {allRecognizedLicensePlates == undefined ? (
<p className="text-sm text-muted-foreground"> <p className="flex items-center text-sm text-muted-foreground">
<ActivityIndicator className="mr-2 size-5" />
{t("recognizedLicensePlates.loading")} {t("recognizedLicensePlates.loading")}
</p> </p>
) : allRecognizedLicensePlates.length === 0 ? null : ( ) : allRecognizedLicensePlates.length === 0 ? null : (