diff --git a/src/components/Header/DesktopHeader.tsx b/src/components/Header/DesktopHeader.tsx index e9b7508..f34d6a3 100644 --- a/src/components/Header/DesktopHeader.tsx +++ b/src/components/Header/DesktopHeader.tsx @@ -35,7 +35,7 @@ const DesktopHeader: FC = () => { {t('header.team')} - + {t('header.job')} diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx index 6f475ac..2b85518 100644 --- a/src/components/JobCard/JobCard.tsx +++ b/src/components/JobCard/JobCard.tsx @@ -1,5 +1,5 @@ import { FC } from 'react' -import { Grid, Avatar, Typography, Button, Chip, Card, CardContent, Stack } from '@mui/material' +import { Stack, Grid, Avatar, Typography, Button, Chip, Card, CardContent } from '@mui/material' import BusinessIcon from '@mui/icons-material/Business' import LocationOnIcon from '@mui/icons-material/LocationOn' import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet' @@ -7,6 +7,7 @@ import AccessTimeIcon from '@mui/icons-material/AccessTime' import JobData from '@/types/JobListing' + interface JobCardProps { job: JobData } @@ -16,82 +17,69 @@ const JobCard: FC = ({ job }) => { window.open(job.jobPostingUrl, '_blank', 'noopener,noreferrer') } - return ( - - - - - - + return + + + + + + + + {job.title} + + + + + {job.company} - - - {job.title} - - - - - {job.company} - - - - {job.location} - - - - {job.salary} - - - - {job.tags.map((tag, index) => ( - - - - ))} - + + + {job.location} + + + + {job.salary} - - - - - - - - { job.publicationDate } - - - + + + {job.tags.map((tag, index) => ( + + ))} + + + + + + - - - - + + + { job.publicationDate } + - - - - ) + + + + + + + + + } export default JobCard diff --git a/src/components/SideDrawer/DrawerContents.tsx b/src/components/SideDrawer/DrawerContents.tsx index 56b9b88..f4c010b 100644 --- a/src/components/SideDrawer/DrawerContents.tsx +++ b/src/components/SideDrawer/DrawerContents.tsx @@ -35,6 +35,9 @@ const DrawerContents: FC = ({ closeDrawer }) => { {t('sidebar.team')} + + {t('sidebar.job')} + {t('sidebar.codeOfConduct')} diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json index bdbb6f7..19f70f7 100644 --- a/src/i18n/en/translation.json +++ b/src/i18n/en/translation.json @@ -14,7 +14,8 @@ }, "sidebar": { "codeOfConduct": "Code of Conduct", - "team": "Team" + "team": "Team", + "job": "Job Board" }, "team": { "title": "✨ Leadership Team ✨" diff --git a/src/i18n/ja/translation.json b/src/i18n/ja/translation.json index 47190ae..ea92207 100644 --- a/src/i18n/ja/translation.json +++ b/src/i18n/ja/translation.json @@ -14,7 +14,8 @@ }, "sidebar": { "codeOfConduct": "Code of Conduct", - "team": "チーム" + "team": "チーム", + "job": "求人掲示板" }, "team": { "title": "✨ リーダーシップ・チーム ✨" diff --git a/src/routes/JobBoard/jobs.json b/src/routes/JobBoard/jobs.json index b500e36..de290b4 100644 --- a/src/routes/JobBoard/jobs.json +++ b/src/routes/JobBoard/jobs.json @@ -1,7 +1,7 @@ [ { "title": "Software Engineer", - "company": "Amazon Web Services (AWS)", + "company": "Amazon Web Services", "logoUrl": "/", "location": "Tokyo, Japan", "jobPostingUrl": "http://example.com",