From d66f356d80c82b41e19187906ff54e74a6affe9c Mon Sep 17 00:00:00 2001
From: Giorgio Garasto <giorgio@garasto.me>
Date: Sun, 7 Jan 2024 08:49:30 +0100
Subject: [PATCH] fix: correctly localize breadcrumbs

---
 app/routes/dynamodb.tables/route.tsx | 1 +
 app/src/components/CurrentPath.tsx   | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/routes/dynamodb.tables/route.tsx b/app/routes/dynamodb.tables/route.tsx
index 919ae2c..4dd5b5a 100644
--- a/app/routes/dynamodb.tables/route.tsx
+++ b/app/routes/dynamodb.tables/route.tsx
@@ -91,6 +91,7 @@ const TablesList: FunctionComponent = () => {
 
   return (
     <>
+      {/* t('tables') */}
       <CurrentPath items={['dynamodb', 'tables']} />
       <Stack p={2}>
         <Stack
diff --git a/app/src/components/CurrentPath.tsx b/app/src/components/CurrentPath.tsx
index f6d362d..c88bd54 100644
--- a/app/src/components/CurrentPath.tsx
+++ b/app/src/components/CurrentPath.tsx
@@ -13,7 +13,7 @@ import {
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { ChevronRight as ChevronRightIcon } from '@mui/icons-material';
 import { visuallyHidden } from '@mui/utils';
-import { kebabToTitleCase } from '../utils';
+import { useTranslation } from 'react-i18next';
 import { serviceToNameMap } from '../aws/common';
 
 interface PathLinkProps extends RemixLinkProps {
@@ -53,6 +53,7 @@ export default function CurrentPath({
   selectedItem,
   withHeading,
 }: CurrentPathProps) {
+  const { t } = useTranslation();
   const pathItems: PathItem[] = ['home', ...items];
   const lastItem = pathItems[pathItems.length - 1];
   const selected = selectedItem ?? lastItem;
@@ -64,7 +65,7 @@ export default function CurrentPath({
           const key = typeof item === 'string' ? item : item.key;
           const name =
             typeof item === 'string'
-              ? serviceToNameMap[item] ?? kebabToTitleCase(item)
+              ? serviceToNameMap[item] ?? t(item)
               : item.name;
           const to =
             typeof item === 'string'
@@ -88,7 +89,7 @@ export default function CurrentPath({
       {withHeading && (
         <Typography variant="h2" sx={visuallyHidden}>
           {typeof selected === 'string'
-            ? serviceToNameMap[selected] ?? kebabToTitleCase(selected)
+            ? serviceToNameMap[selected] ?? t(selected)
             : selected.name}
         </Typography>
       )}