fix: correctly localize breadcrumbs

Dabolus · Jan 7, 2024 · d66f356 · d66f356
1 parent e027378
commit d66f356
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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>
       )}