From 6ccde086e67cac804c159ca8f4b57312fb4ea9bc Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 5 Nov 2024 08:17:57 -0700
Subject: [PATCH] Tweak bird icon and fix _ in object name

---
 web/src/components/player/LivePlayer.tsx | 4 +++-
 web/src/utils/iconUtil.tsx               | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index 8038812db..72cc9723a 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -276,7 +276,9 @@ export default function LivePlayer({
                     ]),
                   ]
                     .filter((label) => label?.includes("-verified") == false)
-                    .map((label) => capitalizeFirstLetter(label))
+                    .map((label) =>
+                      capitalizeFirstLetter(label.replaceAll("_", " ")),
+                    )
                     .sort()
                     .join(", ")
                     .replaceAll("-verified", "")}
diff --git a/web/src/utils/iconUtil.tsx b/web/src/utils/iconUtil.tsx
index 38cea4159..e4356c290 100644
--- a/web/src/utils/iconUtil.tsx
+++ b/web/src/utils/iconUtil.tsx
@@ -26,7 +26,6 @@ import {
   GiDeer,
   GiFox,
   GiGoat,
-  GiHummingbird,
   GiPolarBear,
   GiPostStamp,
   GiRabbit,
@@ -36,6 +35,7 @@ import {
 import { LuBox, LuLassoSelect } from "react-icons/lu";
 import * as LuIcons from "react-icons/lu";
 import { MdRecordVoiceOver } from "react-icons/md";
+import { PiBirdFill } from "react-icons/pi";
 
 export function getAttributeLabels(config?: FrigateConfig) {
   if (!config) {
@@ -66,7 +66,7 @@ export function getIconForLabel(label: string, className?: string) {
     case "bicycle":
       return <FaBicycle key={label} className={className} />;
     case "bird":
-      return <GiHummingbird key={label} className={className} />;
+      return <PiBirdFill key={label} className={className} />;
     case "boat":
       return <GiSailboat key={label} className={className} />;
     case "bus":