From d8dd91329d68837cee18d5aaa3d4862e90337d6e Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 10 Apr 2025 16:29:23 -0500
Subject: [PATCH] add license plate icon and correctly format string

---
 web/src/components/overlay/detail/ReviewDetailDialog.tsx | 5 +++--
 web/src/utils/iconUtil.tsx                               | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/components/overlay/detail/ReviewDetailDialog.tsx b/web/src/components/overlay/detail/ReviewDetailDialog.tsx
index 1f7f7d3e3d..ab2bc6a8ee 100644
--- a/web/src/components/overlay/detail/ReviewDetailDialog.tsx
+++ b/web/src/components/overlay/detail/ReviewDetailDialog.tsx
@@ -260,8 +260,9 @@ export default function ReviewDetailDialog({
                               event.label,
                               "size-3 text-primary",
                             )}
-                            {event.sub_label ?? event.label} (
-                            {Math.round(event.data.top_score * 100)}%)
+                            {event.sub_label ??
+                              event.label.replaceAll("_", " ")}{" "}
+                            ({Math.round(event.data.top_score * 100)}%)
                             <Tooltip>
                               <TooltipTrigger>
                                 <div
diff --git a/web/src/utils/iconUtil.tsx b/web/src/utils/iconUtil.tsx
index 8cca78ab51..daaebf42a3 100644
--- a/web/src/utils/iconUtil.tsx
+++ b/web/src/utils/iconUtil.tsx
@@ -90,6 +90,8 @@ export function getIconForLabel(label: string, className?: string) {
       return <GiGoat key={label} className={className} />;
     case "horse":
       return <FaHorse key={label} className={className} />;
+    case "license_plate":
+      return <LuScanBarcode key={label} className={className} />;
     case "motorcycle":
       return <FaMotorcycle key={label} className={className} />;
     case "mouse":