From 806da66aa4dd5bac7bd87357526a282acb2e0a4b Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Mon, 29 Aug 2022 09:24:00 -0600
Subject: [PATCH] Ensure translations are used as expected

---
 web/src/components/ButtonsTabbed.jsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/web/src/components/ButtonsTabbed.jsx b/web/src/components/ButtonsTabbed.jsx
index e72d18a5b..c9d7adc07 100644
--- a/web/src/components/ButtonsTabbed.jsx
+++ b/web/src/components/ButtonsTabbed.jsx
@@ -12,9 +12,6 @@ export default function ButtonsTabbed({
 }) {
   const { t } = useTranslation();
   const [selected, setSelected] = useState(0);
-  const captitalize = (str) => {
-    return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
-  };
 
   const getHeader = useCallback(
     (i) => {
@@ -38,7 +35,7 @@ export default function ButtonsTabbed({
       {viewModes.map((item, i) => {
         return (
           <button key={i} onClick={() => handleClick(i)} className={i === selected ? selectedClassName : className}>
-            {captitalize(item)}
+            {t(item)}
           </button>
         );
       })}