From f3467e6e13d08742c8a97da61e71c04acff719fc Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 6 May 2024 15:16:29 -0600
Subject: [PATCH] Capitalize first letter function

---
 web/src/components/player/PreviewThumbnailPlayer.tsx | 3 ++-
 web/src/pages/SubmitPlus.tsx                         | 6 ++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index c36a2e129..97e96713c 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -24,6 +24,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
 import { TimeRange } from "@/types/timeline";
 import { NoThumbSlider } from "../ui/slider";
 import { PREVIEW_FPS, PREVIEW_PADDING } from "@/types/preview";
+import { capitalizeFirstLetter } from "@/utils/stringUtil";
 
 type PreviewPlayerProps = {
   review: ReviewSegment;
@@ -263,7 +264,7 @@ export default function PreviewThumbnailPlayer({
                 .filter(
                   (item) => item !== undefined && !item.includes("-verified"),
                 )
-                .map((text) => text.charAt(0).toUpperCase() + text.substring(1))
+                .map((text) => capitalizeFirstLetter(text))
                 .sort()
                 .join(", ")
                 .replaceAll("-verified", "")}
diff --git a/web/src/pages/SubmitPlus.tsx b/web/src/pages/SubmitPlus.tsx
index 276cad8ac..e2863760a 100644
--- a/web/src/pages/SubmitPlus.tsx
+++ b/web/src/pages/SubmitPlus.tsx
@@ -32,6 +32,7 @@ import {
 import { Event } from "@/types/event";
 import { ATTRIBUTE_LABELS, FrigateConfig } from "@/types/frigateConfig";
 import { getIconForLabel } from "@/utils/iconUtil";
+import { capitalizeFirstLetter } from "@/utils/stringUtil";
 import axios from "axios";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { isMobile } from "react-device-detect";
@@ -212,10 +213,7 @@ export default function SubmitPlus() {
                     </div>
                     <TooltipContent className="capitalize">
                       {[event.label]
-                        .map(
-                          (text) =>
-                            text.charAt(0).toUpperCase() + text.substring(1),
-                        )
+                        .map((text) => capitalizeFirstLetter(text))
                         .sort()
                         .join(", ")
                         .replaceAll("-verified", "")}