update header

WomenInSoftwareEngineeringJP · Apr 25, 2024 · ece3125 · ece3125
1 parent 31b956d
commit ece3125
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Header/DesktopHeader.tsx b/src/components/Header/DesktopHeader.tsx
@@ -6,6 +6,7 @@ import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
 import SideDrawer from '../SideDrawer/SideDrawer';
 import StyledNavLink from '@/components/StyledNavLink/StyledNavLink'
+import { useTranslation } from 'react-i18next';
 
 
 const StyledToolbar = styled(Toolbar)(({ theme }) => ({
@@ -22,16 +23,18 @@ const StyledToolbar = styled(Toolbar)(({ theme }) => ({
 
 
 const DesktopHeader: FC = () => {
+    const { t } = useTranslation();
+
     return <StyledToolbar aria-label="desktop-toolbar">
         <Stack direction='row' spacing={2} sx={{ alignItems: 'center' }}>
             <SideDrawer />
             <StyledNavLink to="/" style={{ textDecoration: 'none', color: 'white' }}>
                 <Typography variant="h1">WiSE Japan</Typography>
-                <Typography variant="caption">Women in Software Engineering Japan</Typography>
+                <Typography variant="caption">{t('header.subtitle')}</Typography>
             </StyledNavLink>
 
             <StyledNavLink to="/codeofconduct" style={{ textDecoration: 'none', color: 'white' }}>
-                <Typography variant="overline">Code of Conduct</Typography>
+                <Typography variant="overline">{t('header.codeOfConduct')}</Typography>
             </StyledNavLink>
         </Stack>
     </StyledToolbar>

diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json
@@ -1,5 +1,8 @@
 {
-    "codeOfConduct": "Code of Conduct",
+    "header": {
+        "codeOfConduct": "Code of Conduct",
+        "subtitle": "Women in Software Engineering Japan"
+    },
     "home": {
         "helloWorld": "✨ Hello World ✨",
         "joinUs": "✨ Join us on Slack ✨",

diff --git a/src/i18n/ja/translation.json b/src/i18n/ja/translation.json
@@ -1,5 +1,8 @@
 {
-    "codeOfConduct": "行動規範",
+    "header": {
+        "codeOfConduct": "行動規範",
+        "subtitle": "ウーマン・イン・ソフトウェアエンジニアリング"
+    },
     "home": {
         "helloWorld": "✨ Hello 世界 ✨",
         "joinUs": "✨ スラックに参加する ✨",