From c462f4d89f8259164eade69b1165989ccc48d77f Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 13 Aug 2025 14:46:34 -0500
Subject: [PATCH] add loading indicator

---
 web/src/components/overlay/dialog/SearchFilterDialog.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/components/overlay/dialog/SearchFilterDialog.tsx b/web/src/components/overlay/dialog/SearchFilterDialog.tsx
index 2e3955ee4..45ba338f4 100644
--- a/web/src/components/overlay/dialog/SearchFilterDialog.tsx
+++ b/web/src/components/overlay/dialog/SearchFilterDialog.tsx
@@ -42,6 +42,7 @@ import {
   CommandList,
 } from "@/components/ui/command";
 import { LuCheck } from "react-icons/lu";
+import ActivityIndicator from "@/components/indicators/activity-indicator";
 
 type SearchFilterDialogProps = {
   config?: FrigateConfig;
@@ -947,7 +948,8 @@ export function RecognizedLicensePlatesFilterContent({
       <DropdownMenuSeparator className="mb-3" />
       <div className="mb-3 text-lg">{t("recognizedLicensePlates.title")}</div>
       {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")}
         </p>
       ) : allRecognizedLicensePlates.length === 0 ? null : (