From 404807c697467b1cbaa2f1680aa2e87dbd45c49b Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 5 Nov 2024 08:29:07 -0700
Subject: [PATCH] UI tweaks (#14814)

* Tweak bird icon and fix _ in object name

* Apply to all capitalization
---
 web/src/utils/iconUtil.tsx  | 4 ++--
 web/src/utils/stringUtil.ts | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

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":
diff --git a/web/src/utils/stringUtil.ts b/web/src/utils/stringUtil.ts
index 0fbd7cde7..57f142119 100644
--- a/web/src/utils/stringUtil.ts
+++ b/web/src/utils/stringUtil.ts
@@ -4,6 +4,7 @@ export const capitalizeFirstLetter = (text: string): string => {
 
 export const capitalizeAll = (text: string): string => {
   return text
+    .replaceAll("_", " ")
     .split(" ")
     .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
     .join(" ");