From 1309581678fb771dbcfc64eb11b8c5e5563ad950 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 14 Jul 2024 21:09:24 +0900
Subject: [PATCH 01/18] Jobs Page (60%)

---
 src/components/JobCard/JobCard.tsx | 83 ++++++++++++++++++++++++++++++
 src/routes/JobBoard/JobBoard.tsx   | 25 +++++++++
 src/routes/Router.tsx              |  5 ++
 src/utils/jobData.ts               | 14 +++++
 4 files changed, 127 insertions(+)
 create mode 100644 src/components/JobCard/JobCard.tsx
 create mode 100644 src/routes/JobBoard/JobBoard.tsx
 create mode 100644 src/utils/jobData.ts

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
new file mode 100644
index 0000000..8db3d82
--- /dev/null
+++ b/src/components/JobCard/JobCard.tsx
@@ -0,0 +1,83 @@
+import { FC } from 'react'
+import { Grid, Avatar, Typography, Link, Chip, Card, CardContent, Stack } from '@mui/material'
+import BusinessIcon from '@mui/icons-material/Business'
+import LocationOnIcon from '@mui/icons-material/LocationOn'
+import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'
+import AccessTimeIcon from '@mui/icons-material/AccessTime'
+
+
+interface JobCardProps {
+    title: string;
+    company: string;
+    logoUrl: string;
+    jobPostingUrl: string;
+    location:string,
+    salary: string;
+    tags: string[];
+}
+
+const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, location, salary, tags }) => {
+    return (
+        <Stack spacing={1} alignItems="center">
+            <Card sx={{ bgcolor: '#512DA8', color: 'white', p: 1, width: '100%' }}>
+                <CardContent>
+                    <Grid container spacing={1} alignItems="center">
+                        <Grid item xs={12} sm={2} display="flex" justifyContent="center">
+                            <Avatar
+                                sx={{ bgcolor: 'grey', width: 80, height: 80, borderRadius: 2 }}
+                                alt={`${company} logo`}
+                                src={logoUrl}
+                            />
+                        </Grid>
+                        <Grid item xs={12} sm={8}>
+                            <Typography variant="h6" component="div" sx={{ textAlign: 'left' }}>
+                                <Link href={jobPostingUrl} underline="hover" color="inherit" target="_blank" rel="noopener noreferrer" sx={{ cursor: 'pointer' }}>
+                                    {title}
+                                </Link>
+                            </Typography>
+                            <Grid container spacing={2}>
+                                <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                                    <BusinessIcon fontSize="small" />
+                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{company}</Typography>
+                                </Grid>
+                                <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                                    <LocationOnIcon fontSize="small" />
+                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{location}</Typography>
+                                </Grid>
+                                <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                                    <AccountBalanceWalletIcon fontSize="small" />
+                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{salary}</Typography>
+                                </Grid>
+                            </Grid>
+                            <Grid container spacing={1} mt={0.5} justifyContent="left">
+                                {tags.map((tag, index) => (
+                                    <Grid item key={index}>
+                                        <Chip label={tag} sx={{ bgcolor: '#6A1B9A', color: 'white', height: 32, borderRadius: '8px' }} />
+                                    </Grid>
+                                ))}
+                            </Grid>
+                        </Grid>
+                        <Grid item xs={12} sm={2} sx={{ order: { xs: -1, sm: 0 }, alignSelf: { sm: 'flex-start' } }} display="flex">
+                            <Grid container spacing={1} sx={{ justifyContent: { xs: 'flex-end', sm: 'center' } }}>
+                                <Grid item>
+                                    <AccessTimeIcon fontSize="small" />
+                                </Grid>
+                                <Grid item>
+                                    <Typography fontSize="medium">
+                                        {new Date().toLocaleDateString('ja-JP', {
+                                            year: 'numeric',
+                                            month: '2-digit',
+                                            day: '2-digit'
+                                        })}
+                                    </Typography>
+                                </Grid>
+                            </Grid>
+                        </Grid>
+                    </Grid>
+                </CardContent>
+            </Card>
+        </Stack>
+    )
+}
+
+export default JobCard
diff --git a/src/routes/JobBoard/JobBoard.tsx b/src/routes/JobBoard/JobBoard.tsx
new file mode 100644
index 0000000..df64355
--- /dev/null
+++ b/src/routes/JobBoard/JobBoard.tsx
@@ -0,0 +1,25 @@
+import { FC } from 'react'
+import JobCard from '@/components/JobCard/JobCard'
+import { Container } from '@mui/material'
+import { jobData } from '@/utils/jobData'
+
+const JobBoard:FC = () => {
+    return (
+        <Container style={{ padding: 25 }}>
+            {jobData.map((job, index) => (
+                <JobCard
+                    key={index}
+                    title={job.title}
+                    company={job.company}
+                    logoUrl={job.logoUrl}
+                    location={job.location}
+                    jobPostingUrl={job.jobPostingUrl}
+                    salary={job.salary}
+                    tags={job.tags}
+                />
+            ))}
+        </Container>
+    )
+}
+
+export default JobBoard
diff --git a/src/routes/Router.tsx b/src/routes/Router.tsx
index b1cb05f..a27c62d 100644
--- a/src/routes/Router.tsx
+++ b/src/routes/Router.tsx
@@ -8,6 +8,7 @@ import Home from './Home/Home'
 import BaseLayout from './BaseLayout'
 import NotFound from './NotFound/NotFound'
 import CodeOfConduct from './CodeOfConduct/CodeOfConduct'
+import JobBoard from './JobBoard/JobBoard'
 
 const browserRouter = createHashRouter([{
     element: <BaseLayout />,
@@ -20,6 +21,10 @@ const browserRouter = createHashRouter([{
             path: 'codeofconduct',
             element: <CodeOfConduct />
         },
+        {
+            path: 'jobboard',
+            element: <JobBoard />
+        },
         {
             path: 'theme',
             element: <ThemePreview />
diff --git a/src/utils/jobData.ts b/src/utils/jobData.ts
new file mode 100644
index 0000000..ba8ab1c
--- /dev/null
+++ b/src/utils/jobData.ts
@@ -0,0 +1,14 @@
+// TODO: Add real job data
+const jobData = [
+    {
+        title: 'Software Engineer',
+        company: 'Amazon Web Services (AWS)',
+        logoUrl: '/',
+        location: 'Tokyo, Japan',
+        jobPostingUrl: '#',
+        salary: '¥9M ~ ¥11M annually',
+        tags: ['Full Time', 'Senior Level', 'Remote', 'English']
+    }
+]
+
+export { jobData }

From 70d5390f75f72f8fdbd88d5e24b28072c63752a7 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Wed, 17 Jul 2024 22:09:17 +0900
Subject: [PATCH 02/18] Job Board (100%)

Fix for responsive UI
---
 src/components/JobCard/JobCard.tsx | 47 +++++++++++++++++++++++-------
 1 file changed, 37 insertions(+), 10 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 8db3d82..3a0421e 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, Link, Chip, Card, CardContent, Stack } from '@mui/material'
+import { Grid, Avatar, Typography, Button, Chip, Card, CardContent, Stack } from '@mui/material'
 import BusinessIcon from '@mui/icons-material/Business'
 import LocationOnIcon from '@mui/icons-material/LocationOn'
 import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'
@@ -17,23 +17,29 @@ interface JobCardProps {
 }
 
 const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, location, salary, tags }) => {
+    const handleReadMoreClick = () => {
+        if (jobPostingUrl) {
+            window.open(jobPostingUrl, '_blank')
+        } else {
+            console.error('No URL provided')
+        }
+    }
+
     return (
         <Stack spacing={1} alignItems="center">
-            <Card sx={{ bgcolor: '#512DA8', color: 'white', p: 1, width: '100%' }}>
+            <Card sx={{ bgcolor: '#512DA8', color: 'white', width: '100%' }}>
                 <CardContent>
                     <Grid container spacing={1} alignItems="center">
-                        <Grid item xs={12} sm={2} display="flex" justifyContent="center">
+                        <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
                             <Avatar
                                 sx={{ bgcolor: 'grey', width: 80, height: 80, borderRadius: 2 }}
                                 alt={`${company} logo`}
                                 src={logoUrl}
                             />
                         </Grid>
-                        <Grid item xs={12} sm={8}>
+                        <Grid item xs={12} sm={12} md={8}>
                             <Typography variant="h6" component="div" sx={{ textAlign: 'left' }}>
-                                <Link href={jobPostingUrl} underline="hover" color="inherit" target="_blank" rel="noopener noreferrer" sx={{ cursor: 'pointer' }}>
-                                    {title}
-                                </Link>
+                                {title}
                             </Typography>
                             <Grid container spacing={2}>
                                 <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
@@ -49,7 +55,7 @@ const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, loc
                                     <Typography fontSize="medium" sx={{ ml: 1 }}>{salary}</Typography>
                                 </Grid>
                             </Grid>
-                            <Grid container spacing={1} mt={0.5} justifyContent="left">
+                            <Grid container spacing={1} mt={0.5} justifyContent="flex-start">
                                 {tags.map((tag, index) => (
                                     <Grid item key={index}>
                                         <Chip label={tag} sx={{ bgcolor: '#6A1B9A', color: 'white', height: 32, borderRadius: '8px' }} />
@@ -57,8 +63,8 @@ const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, loc
                                 ))}
                             </Grid>
                         </Grid>
-                        <Grid item xs={12} sm={2} sx={{ order: { xs: -1, sm: 0 }, alignSelf: { sm: 'flex-start' } }} display="flex">
-                            <Grid container spacing={1} sx={{ justifyContent: { xs: 'flex-end', sm: 'center' } }}>
+                        <Grid item xs={12} sm={12} md={2} sx={{ order: { xs: -1, sm: -1, md:0 }, alignSelf: { sm: 'flex-start' } }} display="flex">
+                            <Grid container spacing={1} justifyContent="right">
                                 <Grid item>
                                     <AccessTimeIcon fontSize="small" />
                                 </Grid>
@@ -73,6 +79,27 @@ const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, loc
                                 </Grid>
                             </Grid>
                         </Grid>
+                        <Grid container spacing={1} justifyContent="right">
+                            <Grid item>
+                                <Button
+                                    variant="contained"
+                                    color="secondary"
+                                    onClick={handleReadMoreClick}
+                                    sx={{
+                                        mt: 1,
+                                        bgcolor: '#6A1B9A',
+                                        color: 'white',
+                                        fontSize: 'small',
+                                        padding: '4px 8px',
+                                        '&:hover': {
+                                            bgcolor: '#512DA8'
+                                        }
+                                    }}
+                                >
+                                    Read More
+                                </Button>
+                            </Grid>
+                        </Grid>
                     </Grid>
                 </CardContent>
             </Card>

From bdc5f4bb2685053f0d98de3222ffaa40091a643b Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Wed, 17 Jul 2024 22:12:13 +0900
Subject: [PATCH 03/18] Fix function: Opens the URL in a new browser tab

---
 src/components/JobCard/JobCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 3a0421e..5880939 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -19,7 +19,7 @@ interface JobCardProps {
 const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, location, salary, tags }) => {
     const handleReadMoreClick = () => {
         if (jobPostingUrl) {
-            window.open(jobPostingUrl, '_blank')
+            window.open(jobPostingUrl, '_blank', 'noopener,noreferrer')
         } else {
             console.error('No URL provided')
         }

From 05fbb4d534a8a0d210dae96872b2a175eadd8c79 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sat, 27 Jul 2024 17:09:51 +0900
Subject: [PATCH 04/18] add publication date to JobData

---
 src/components/JobCard/JobCard.tsx | 9 +++------
 src/routes/JobBoard/JobBoard.tsx   | 1 +
 src/utils/jobData.ts               | 1 +
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 5880939..c95204c 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -13,10 +13,11 @@ interface JobCardProps {
     jobPostingUrl: string;
     location:string,
     salary: string;
+    publicationDate:string;
     tags: string[];
 }
 
-const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, location, salary, tags }) => {
+const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, location, salary, publicationDate, tags }) => {
     const handleReadMoreClick = () => {
         if (jobPostingUrl) {
             window.open(jobPostingUrl, '_blank', 'noopener,noreferrer')
@@ -70,11 +71,7 @@ const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, loc
                                 </Grid>
                                 <Grid item>
                                     <Typography fontSize="medium">
-                                        {new Date().toLocaleDateString('ja-JP', {
-                                            year: 'numeric',
-                                            month: '2-digit',
-                                            day: '2-digit'
-                                        })}
+                                        { publicationDate }
                                     </Typography>
                                 </Grid>
                             </Grid>
diff --git a/src/routes/JobBoard/JobBoard.tsx b/src/routes/JobBoard/JobBoard.tsx
index df64355..8092dbb 100644
--- a/src/routes/JobBoard/JobBoard.tsx
+++ b/src/routes/JobBoard/JobBoard.tsx
@@ -15,6 +15,7 @@ const JobBoard:FC = () => {
                     location={job.location}
                     jobPostingUrl={job.jobPostingUrl}
                     salary={job.salary}
+                    publicationDate={job.publicationDate}
                     tags={job.tags}
                 />
             ))}
diff --git a/src/utils/jobData.ts b/src/utils/jobData.ts
index ba8ab1c..fc8bf02 100644
--- a/src/utils/jobData.ts
+++ b/src/utils/jobData.ts
@@ -7,6 +7,7 @@ const jobData = [
         location: 'Tokyo, Japan',
         jobPostingUrl: '#',
         salary: '¥9M ~ ¥11M annually',
+        publicationDate: '2024/07/27',
         tags: ['Full Time', 'Senior Level', 'Remote', 'English']
     }
 ]

From 537241f18e9598bf1533b48ace44cc8f3c3eebd1 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sat, 3 Aug 2024 18:07:33 +0900
Subject: [PATCH 05/18] Corrections from PR Review (50%)

---
 src/components/Header/DesktopHeader.tsx |  3 ++
 src/components/JobCard/JobCard.tsx      | 34 ++++++++--------------
 src/i18n/en/translation.json            |  7 ++++-
 src/i18n/ja/translation.json            |  6 +++-
 src/routes/JobBoard/JobBoard.tsx        | 38 ++++++++++++-------------
 src/routes/JobBoard/jobs.json           | 12 ++++++++
 src/routes/Router.tsx                   | 14 ++++-----
 src/types/JobListing.ts                 | 12 ++++++++
 src/utils/jobData.ts                    | 15 ----------
 9 files changed, 73 insertions(+), 68 deletions(-)
 create mode 100644 src/routes/JobBoard/jobs.json
 create mode 100644 src/types/JobListing.ts
 delete mode 100644 src/utils/jobData.ts

diff --git a/src/components/Header/DesktopHeader.tsx b/src/components/Header/DesktopHeader.tsx
index 49fe0e7..e9b7508 100644
--- a/src/components/Header/DesktopHeader.tsx
+++ b/src/components/Header/DesktopHeader.tsx
@@ -35,6 +35,9 @@ const DesktopHeader: FC = () => {
             <StyledNavLink to="/team" style={{ textDecoration: 'none', color: 'white' }}>
                 <Typography variant="overline">{t('header.team')}</Typography>
             </StyledNavLink>
+            <StyledNavLink to="/job" style={{ textDecoration: 'none', color: 'white' }}>
+                <Typography variant="overline">{t('header.job')}</Typography>
+            </StyledNavLink>
             <StyledNavLink to="/codeofconduct" style={{ textDecoration: 'none', color: 'white' }}>
                 <Typography variant="overline">{t('header.codeOfConduct')}</Typography>
             </StyledNavLink>
diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index c95204c..6f475ac 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -4,26 +4,16 @@ import BusinessIcon from '@mui/icons-material/Business'
 import LocationOnIcon from '@mui/icons-material/LocationOn'
 import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'
 import AccessTimeIcon from '@mui/icons-material/AccessTime'
+import JobData from '@/types/JobListing'
 
 
 interface JobCardProps {
-    title: string;
-    company: string;
-    logoUrl: string;
-    jobPostingUrl: string;
-    location:string,
-    salary: string;
-    publicationDate:string;
-    tags: string[];
+    job: JobData
 }
 
-const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, location, salary, publicationDate, tags }) => {
+const JobCard: FC<JobCardProps> = ({ job }) => {
     const handleReadMoreClick = () => {
-        if (jobPostingUrl) {
-            window.open(jobPostingUrl, '_blank', 'noopener,noreferrer')
-        } else {
-            console.error('No URL provided')
-        }
+        window.open(job.jobPostingUrl, '_blank', 'noopener,noreferrer')
     }
 
     return (
@@ -34,30 +24,30 @@ const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, loc
                         <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
                             <Avatar
                                 sx={{ bgcolor: 'grey', width: 80, height: 80, borderRadius: 2 }}
-                                alt={`${company} logo`}
-                                src={logoUrl}
+                                alt={`${job.company} logo`}
+                                src={job.logoUrl}
                             />
                         </Grid>
                         <Grid item xs={12} sm={12} md={8}>
                             <Typography variant="h6" component="div" sx={{ textAlign: 'left' }}>
-                                {title}
+                                {job.title}
                             </Typography>
                             <Grid container spacing={2}>
                                 <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
                                     <BusinessIcon fontSize="small" />
-                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{company}</Typography>
+                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{job.company}</Typography>
                                 </Grid>
                                 <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
                                     <LocationOnIcon fontSize="small" />
-                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{location}</Typography>
+                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{job.location}</Typography>
                                 </Grid>
                                 <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
                                     <AccountBalanceWalletIcon fontSize="small" />
-                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{salary}</Typography>
+                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{job.salary}</Typography>
                                 </Grid>
                             </Grid>
                             <Grid container spacing={1} mt={0.5} justifyContent="flex-start">
-                                {tags.map((tag, index) => (
+                                {job.tags.map((tag, index) => (
                                     <Grid item key={index}>
                                         <Chip label={tag} sx={{ bgcolor: '#6A1B9A', color: 'white', height: 32, borderRadius: '8px' }} />
                                     </Grid>
@@ -71,7 +61,7 @@ const JobCard: FC<JobCardProps> = ({ title, company, logoUrl, jobPostingUrl, loc
                                 </Grid>
                                 <Grid item>
                                     <Typography fontSize="medium">
-                                        { publicationDate }
+                                        { job.publicationDate }
                                     </Typography>
                                 </Grid>
                             </Grid>
diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json
index fd0eaa1..bdbb6f7 100644
--- a/src/i18n/en/translation.json
+++ b/src/i18n/en/translation.json
@@ -2,7 +2,8 @@
     "header": {
         "codeOfConduct": "Code of Conduct",
         "subtitle": "Women in Software Engineering Japan",
-        "team": "Team"
+        "team": "Team",
+        "job": "Jobs"
     },
     "home": {
         "helloWorld": "✨ Hello World ✨",
@@ -18,4 +19,8 @@
     "team": {
         "title": "✨ Leadership Team ✨"
     }
+    ,
+    "job": {
+        "title": "✨ Job Board ✨"
+    }
 }
diff --git a/src/i18n/ja/translation.json b/src/i18n/ja/translation.json
index f3cad98..47190ae 100644
--- a/src/i18n/ja/translation.json
+++ b/src/i18n/ja/translation.json
@@ -2,7 +2,8 @@
     "header": {
         "codeOfConduct": "行動規範",
         "subtitle": "ウーマン・イン・ソフトウェアエンジニアリング",
-        "team": "チーム"
+        "team": "チーム",
+        "job": "求人掲示板"
     },
     "home": {
         "helloWorld": "✨ Hello 世界 ✨",
@@ -17,5 +18,8 @@
     },
     "team": {
         "title": "✨ リーダーシップ・チーム ✨"
+    },
+    "job": {
+        "title": "✨ 求人掲示板 ✨"
     }
 }
diff --git a/src/routes/JobBoard/JobBoard.tsx b/src/routes/JobBoard/JobBoard.tsx
index 8092dbb..d869b59 100644
--- a/src/routes/JobBoard/JobBoard.tsx
+++ b/src/routes/JobBoard/JobBoard.tsx
@@ -1,26 +1,24 @@
-import { FC } from 'react'
+import { FC, ReactNode } from 'react'
 import JobCard from '@/components/JobCard/JobCard'
-import { Container } from '@mui/material'
-import { jobData } from '@/utils/jobData'
+import { Container, Stack, Typography } from '@mui/material'
+import { useTranslation } from 'react-i18next'
+import  job from '@/routes/JobBoard/jobs.json'
+import JobData from '@/types/JobListing'
 
 const JobBoard:FC = () => {
-    return (
-        <Container style={{ padding: 25 }}>
-            {jobData.map((job, index) => (
-                <JobCard
-                    key={index}
-                    title={job.title}
-                    company={job.company}
-                    logoUrl={job.logoUrl}
-                    location={job.location}
-                    jobPostingUrl={job.jobPostingUrl}
-                    salary={job.salary}
-                    publicationDate={job.publicationDate}
-                    tags={job.tags}
-                />
-            ))}
-        </Container>
-    )
+    const { t } = useTranslation()
+
+    const jobGrid: ReactNode[] = []
+    job.forEach((jobDescription: JobData) => {
+        jobGrid.push(<JobCard job={jobDescription}/>)
+    })
+
+    return <Container style={{ padding: 32 }} aria-label="job-board-container">
+        <Stack spacing={4}>
+            <Typography variant="h1">{t('job.title')}</Typography>
+            {jobGrid}
+        </Stack>
+    </Container>
 }
 
 export default JobBoard
diff --git a/src/routes/JobBoard/jobs.json b/src/routes/JobBoard/jobs.json
new file mode 100644
index 0000000..b500e36
--- /dev/null
+++ b/src/routes/JobBoard/jobs.json
@@ -0,0 +1,12 @@
+[
+    {
+        "title": "Software Engineer",
+        "company": "Amazon Web Services (AWS)",
+        "logoUrl": "/",
+        "location": "Tokyo, Japan",
+        "jobPostingUrl": "http://example.com",
+        "salary": "¥9M ~ ¥11M annually",
+        "publicationDate": "2024/07/27",
+        "tags": ["Full Time", "Senior Level", "Remote", "English"]
+    }
+]
diff --git a/src/routes/Router.tsx b/src/routes/Router.tsx
index a31159c..69f2d6d 100644
--- a/src/routes/Router.tsx
+++ b/src/routes/Router.tsx
@@ -8,11 +8,8 @@ import Home from './Home/Home'
 import BaseLayout from './BaseLayout'
 import NotFound from './NotFound/NotFound'
 import CodeOfConduct from './CodeOfConduct/CodeOfConduct'
-<<<<<<< HEAD
-import JobBoard from './JobBoard/JobBoard'
-=======
 import Team from './Team/Team'
->>>>>>> main
+import JobBoard from './JobBoard/JobBoard'
 
 const browserRouter = createHashRouter([{
     element: <BaseLayout />,
@@ -26,13 +23,12 @@ const browserRouter = createHashRouter([{
             element: <CodeOfConduct />
         },
         {
-<<<<<<< HEAD
-            path: 'jobboard',
-            element: <JobBoard />
-=======
             path: 'team',
             element: <Team />
->>>>>>> main
+        },
+        {
+            path: 'jobs',
+            element: <JobBoard />
         },
         {
             path: 'theme',
diff --git a/src/types/JobListing.ts b/src/types/JobListing.ts
new file mode 100644
index 0000000..e71dba1
--- /dev/null
+++ b/src/types/JobListing.ts
@@ -0,0 +1,12 @@
+type JobListing = {
+    title:string,
+    company: string,
+    logoUrl: string,
+    location: string,
+    jobPostingUrl: string,
+    salary: string,
+    publicationDate: string,
+    tags: string []
+}
+
+export default JobListing
diff --git a/src/utils/jobData.ts b/src/utils/jobData.ts
deleted file mode 100644
index fc8bf02..0000000
--- a/src/utils/jobData.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// TODO: Add real job data
-const jobData = [
-    {
-        title: 'Software Engineer',
-        company: 'Amazon Web Services (AWS)',
-        logoUrl: '/',
-        location: 'Tokyo, Japan',
-        jobPostingUrl: '#',
-        salary: '¥9M ~ ¥11M annually',
-        publicationDate: '2024/07/27',
-        tags: ['Full Time', 'Senior Level', 'Remote', 'English']
-    }
-]
-
-export { jobData }

From 8aacd263957e6a8097928ae90bad7ae3a57af95c Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 4 Aug 2024 01:45:31 +0900
Subject: [PATCH 06/18] Corrections from PR Review (100%)

---
 src/components/Header/DesktopHeader.tsx      |   2 +-
 src/components/JobCard/JobCard.tsx           | 132 +++++++++----------
 src/components/SideDrawer/DrawerContents.tsx |   3 +
 src/i18n/en/translation.json                 |   3 +-
 src/i18n/ja/translation.json                 |   3 +-
 src/routes/JobBoard/jobs.json                |   2 +-
 6 files changed, 69 insertions(+), 76 deletions(-)

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 = () => {
             <StyledNavLink to="/team" style={{ textDecoration: 'none', color: 'white' }}>
                 <Typography variant="overline">{t('header.team')}</Typography>
             </StyledNavLink>
-            <StyledNavLink to="/job" style={{ textDecoration: 'none', color: 'white' }}>
+            <StyledNavLink to="/jobs" style={{ textDecoration: 'none', color: 'white' }}>
                 <Typography variant="overline">{t('header.job')}</Typography>
             </StyledNavLink>
             <StyledNavLink to="/codeofconduct" style={{ textDecoration: 'none', color: 'white' }}>
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<JobCardProps> = ({ job }) => {
         window.open(job.jobPostingUrl, '_blank', 'noopener,noreferrer')
     }
 
-    return (
-        <Stack spacing={1} alignItems="center">
-            <Card sx={{ bgcolor: '#512DA8', color: 'white', width: '100%' }}>
-                <CardContent>
-                    <Grid container spacing={1} alignItems="center">
-                        <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
-                            <Avatar
-                                sx={{ bgcolor: 'grey', width: 80, height: 80, borderRadius: 2 }}
-                                alt={`${job.company} logo`}
-                                src={job.logoUrl}
-                            />
+    return <Card sx={{ bgcolor: '#512da8', color: 'white', width: '100%' }}>
+        <CardContent>
+            <Grid container spacing={1} alignItems="center">
+                <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
+                    <Avatar
+                        sx={{ bgcolor: 'grey', width: 90, height: 90, borderRadius: 2 }}
+                        alt={`${job.company} logo`}
+                        src={job.logoUrl}
+                    />
+                </Grid>
+                <Grid item xs={12} sm={12} md={8} mt={2}>
+                    <Typography variant="h5" mb={2} component="div" sx={{ textAlign: 'left' }}>
+                        {job.title}
+                    </Typography>
+                    <Grid container spacing={2}>
+                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                            <BusinessIcon />
+                            <Typography fontSize="body2" sx={{ ml: 1 }}>{job.company}</Typography>
                         </Grid>
-                        <Grid item xs={12} sm={12} md={8}>
-                            <Typography variant="h6" component="div" sx={{ textAlign: 'left' }}>
-                                {job.title}
-                            </Typography>
-                            <Grid container spacing={2}>
-                                <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
-                                    <BusinessIcon fontSize="small" />
-                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{job.company}</Typography>
-                                </Grid>
-                                <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
-                                    <LocationOnIcon fontSize="small" />
-                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{job.location}</Typography>
-                                </Grid>
-                                <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
-                                    <AccountBalanceWalletIcon fontSize="small" />
-                                    <Typography fontSize="medium" sx={{ ml: 1 }}>{job.salary}</Typography>
-                                </Grid>
-                            </Grid>
-                            <Grid container spacing={1} mt={0.5} justifyContent="flex-start">
-                                {job.tags.map((tag, index) => (
-                                    <Grid item key={index}>
-                                        <Chip label={tag} sx={{ bgcolor: '#6A1B9A', color: 'white', height: 32, borderRadius: '8px' }} />
-                                    </Grid>
-                                ))}
-                            </Grid>
+                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                            <LocationOnIcon />
+                            <Typography fontSize="body2" sx={{ ml: 1 }}>{job.location}</Typography>
+                        </Grid>
+                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                            <AccountBalanceWalletIcon />
+                            <Typography fontSize="body2" sx={{ ml: 1 }}>{job.salary}</Typography>
                         </Grid>
-                        <Grid item xs={12} sm={12} md={2} sx={{ order: { xs: -1, sm: -1, md:0 }, alignSelf: { sm: 'flex-start' } }} display="flex">
-                            <Grid container spacing={1} justifyContent="right">
-                                <Grid item>
-                                    <AccessTimeIcon fontSize="small" />
-                                </Grid>
-                                <Grid item>
-                                    <Typography fontSize="medium">
-                                        { job.publicationDate }
-                                    </Typography>
-                                </Grid>
-                            </Grid>
+                    </Grid>
+                    <Stack direction='row' spacing={1} mt={2} justifyContent="flex-start">
+                        {job.tags.map((tag, index) => (
+                            <Chip key={index} label={tag} sx={{ bgcolor: '#6A1B9A', color: 'white', height: 32, borderRadius: '8px' }} />
+                        ))}
+                    </Stack>
+                </Grid>
+                <Grid item xs={12} sm={12} md={2} sx={{ order: { xs: -1, sm: -1, md:0 }, alignSelf: { sm: 'flex-start' } }} display="flex">
+                    <Grid container spacing={1} justifyContent="right">
+                        <Grid item>
+                            <AccessTimeIcon />
                         </Grid>
-                        <Grid container spacing={1} justifyContent="right">
-                            <Grid item>
-                                <Button
-                                    variant="contained"
-                                    color="secondary"
-                                    onClick={handleReadMoreClick}
-                                    sx={{
-                                        mt: 1,
-                                        bgcolor: '#6A1B9A',
-                                        color: 'white',
-                                        fontSize: 'small',
-                                        padding: '4px 8px',
-                                        '&:hover': {
-                                            bgcolor: '#512DA8'
-                                        }
-                                    }}
-                                >
-                                    Read More
-                                </Button>
-                            </Grid>
+                        <Grid item>
+                            <Typography fontSize="body2">
+                                { job.publicationDate }
+                            </Typography>
                         </Grid>
                     </Grid>
-                </CardContent>
-            </Card>
-        </Stack>
-    )
+                </Grid>
+                <Grid container spacing={1} justifyContent="right">
+                    <Grid item>
+                        <Button
+                            variant="contained"
+                            onClick={handleReadMoreClick}
+                            sx={{
+                                mt: 1,
+                                padding: '4px 8px',
+                            }}
+                        >
+                            Read More
+                        </Button>
+                    </Grid>
+                </Grid>
+            </Grid>
+        </CardContent>
+    </Card>
 }
 
 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<DrawerContentsProps> = ({ closeDrawer }) => {
             <ListItem>
                 <StyledNavLink to='/team'>{t('sidebar.team')}</StyledNavLink>
             </ListItem>
+            <ListItem>
+                <StyledNavLink to='/job'>{t('sidebar.job')}</StyledNavLink>
+            </ListItem>
             <ListItem>
                 <StyledNavLink to='/codeofconduct'>{t('sidebar.codeOfConduct')}</StyledNavLink>
             </ListItem>
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",

From 9a85675e8255552bafdb64c0e78040ed86feaa77 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 4 Aug 2024 02:09:23 +0900
Subject: [PATCH 07/18] Code Clean: Job Board Date Grid

---
 src/components/JobCard/JobCard.tsx | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 2b85518..93cfa0c 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -51,17 +51,11 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                         ))}
                     </Stack>
                 </Grid>
-                <Grid item xs={12} sm={12} md={2} sx={{ order: { xs: -1, sm: -1, md:0 }, alignSelf: { sm: 'flex-start' } }} display="flex">
-                    <Grid container spacing={1} justifyContent="right">
-                        <Grid item>
-                            <AccessTimeIcon />
-                        </Grid>
-                        <Grid item>
-                            <Typography fontSize="body2">
-                                { job.publicationDate }
-                            </Typography>
-                        </Grid>
-                    </Grid>
+                <Grid item xs={12} sm={12} md={2} paddingRight={2} sx={{ order: { xs: -1, sm: -1, md: 0 }, alignSelf: { sm: 'flex-start' } }} display="flex" alignItems="center" justifyContent="right">
+                    <AccessTimeIcon sx={{ marginRight: 2 }} />
+                    <Typography fontSize="body2">
+                        { job.publicationDate }
+                    </Typography>
                 </Grid>
                 <Grid container spacing={1} justifyContent="right">
                     <Grid item>

From 92981bc68d14d0f851de246f749de46828c541da Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 4 Aug 2024 19:41:14 +0900
Subject: [PATCH 08/18] code clean: add comments, colors corrections

---
 src/components/JobCard/JobCard.tsx | 4 ++--
 src/types/JobListing.ts            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 93cfa0c..e168153 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -17,7 +17,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
         window.open(job.jobPostingUrl, '_blank', 'noopener,noreferrer')
     }
 
-    return <Card sx={{ bgcolor: '#512da8', color: 'white', width: '100%' }}>
+    return <Card sx={{ bgcolor: ' theme.palette.primary.light', width: '100%' }}>
         <CardContent>
             <Grid container spacing={1} alignItems="center">
                 <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
@@ -47,7 +47,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                     </Grid>
                     <Stack direction='row' spacing={1} mt={2} justifyContent="flex-start">
                         {job.tags.map((tag, index) => (
-                            <Chip key={index} label={tag} sx={{ bgcolor: '#6A1B9A', color: 'white', height: 32, borderRadius: '8px' }} />
+                            <Chip key={index} label={tag} sx={{ bgcolor: '#6A1B9A', height: 32, borderRadius: '8px' }} />
                         ))}
                     </Stack>
                 </Grid>
diff --git a/src/types/JobListing.ts b/src/types/JobListing.ts
index e71dba1..8c72eb6 100644
--- a/src/types/JobListing.ts
+++ b/src/types/JobListing.ts
@@ -1,11 +1,11 @@
 type JobListing = {
-    title:string,
+    title: string,
     company: string,
     logoUrl: string,
     location: string,
     jobPostingUrl: string,
     salary: string,
-    publicationDate: string,
+    publicationDate: string, // date format should be YYYY/MM/DD
     tags: string []
 }
 

From 286908f72e07ebcca1548430e2493b4d3ba165bc Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 4 Aug 2024 20:26:26 +0900
Subject: [PATCH 09/18] color corrections

---
 src/components/JobCard/JobCard.tsx |  6 +++---
 src/theme/theme.ts                 | 13 ++++++-------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index e168153..7076720 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -7,7 +7,6 @@ import AccessTimeIcon from '@mui/icons-material/AccessTime'
 import JobData from '@/types/JobListing'
 
 
-
 interface JobCardProps {
     job: JobData
 }
@@ -17,7 +16,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
         window.open(job.jobPostingUrl, '_blank', 'noopener,noreferrer')
     }
 
-    return <Card sx={{ bgcolor: ' theme.palette.primary.light', width: '100%' }}>
+    return <Card sx={{ bgcolor: 'primary.dark', width: '100%' }}>
         <CardContent>
             <Grid container spacing={1} alignItems="center">
                 <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
@@ -47,7 +46,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                     </Grid>
                     <Stack direction='row' spacing={1} mt={2} justifyContent="flex-start">
                         {job.tags.map((tag, index) => (
-                            <Chip key={index} label={tag} sx={{ bgcolor: '#6A1B9A', height: 32, borderRadius: '8px' }} />
+                            <Chip key={index} label={tag} sx={{ bgcolor: 'secondary.dark', height: 32, borderRadius: '8px' }} />
                         ))}
                     </Stack>
                 </Grid>
@@ -61,6 +60,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                     <Grid item>
                         <Button
                             variant="contained"
+                            color='tertiary'
                             onClick={handleReadMoreClick}
                             sx={{
                                 mt: 1,
diff --git a/src/theme/theme.ts b/src/theme/theme.ts
index a4fce30..d35a2c6 100644
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@@ -1,14 +1,14 @@
 import createTheme from '@mui/material/styles/createTheme'
 import typography from './typography/default'
-import { teal, lightBlue, deepPurple, purple, grey } from '@mui/material/colors'
+import { lightBlue, deepPurple, purple, grey, indigo } from '@mui/material/colors'
 
 const theme = createTheme({
     palette: {
         mode: 'dark',
         primary: {
-            light: purple[200],
+            light: purple[700],
             main: purple[800],
-            dark: purple[700],
+            dark: purple[900],
             contrastText: '#FFF'
         },
         secondary: {
@@ -18,9 +18,9 @@ const theme = createTheme({
             contrastText: '#000',
         },
         tertiary: {
-            light: teal[400],
-            main: teal[800],
-            dark: teal[900],
+            light: indigo[500],
+            main: indigo[800],
+            dark: indigo[900],
             contrastText: '#fff',
         },
         action: {
@@ -35,7 +35,6 @@ const theme = createTheme({
             paper: deepPurple[900]
         },
         divider: lightBlue[300]
-      
     },
     typography
 })

From 0759b021713b97d0449f3b52bfdaf9f8386ee293 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Mon, 5 Aug 2024 19:48:56 +0900
Subject: [PATCH 10/18] Colors test corrections

---
 src/routes/ThemePreview/__test__/ColorSwatch.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/ThemePreview/__test__/ColorSwatch.test.tsx b/src/routes/ThemePreview/__test__/ColorSwatch.test.tsx
index 601b422..a2c989c 100644
--- a/src/routes/ThemePreview/__test__/ColorSwatch.test.tsx
+++ b/src/routes/ThemePreview/__test__/ColorSwatch.test.tsx
@@ -22,7 +22,7 @@ describe('ColorSwatch', () => {
     it('should display a tertiary color swatch', async () => {
         render(<ColorSwatch color='tertiary' data-testid="swatch" />)
         const swatch = await screen.findByTestId('swatch')
-        expect(swatch).toHaveStyle('background-color: rgb(0, 105, 92);')
+        expect(swatch).toHaveStyle('background-color: rgb(40,53,147);')
     })
 
     it('should gracefully handle an unknown color', async () => {

From a185c1187f7c680a3b8fc22d509d6ff2dd6d1729 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 25 Aug 2024 13:58:24 +0900
Subject: [PATCH 11/18] Add Job Position

---
 public/Amazon-logo.png        | Bin 0 -> 25880 bytes
 src/routes/JobBoard/jobs.json |  32 ++++++++++++++++++++++++++------
 2 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 public/Amazon-logo.png

diff --git a/public/Amazon-logo.png b/public/Amazon-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..5837300c81a743b6f44c8fe717d932c2cab84246
GIT binary patch
literal 25880
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
bowNZfOO{-5>axH08+3IH{wcm>^Z5S(?U$9s

literal 0
HcmV?d00001

diff --git a/src/routes/JobBoard/jobs.json b/src/routes/JobBoard/jobs.json
index de290b4..79501c8 100644
--- a/src/routes/JobBoard/jobs.json
+++ b/src/routes/JobBoard/jobs.json
@@ -1,12 +1,32 @@
 [
     {
-        "title": "Software Engineer",
+        "title": "Sr. Software Development Engineer, Japan Pricing and Promotions",
         "company": "Amazon Web Services",
-        "logoUrl": "/",
+        "logoUrl": "/Amazon-logo.png",
         "location": "Tokyo, Japan",
-        "jobPostingUrl": "http://example.com",
-        "salary": "¥9M ~ ¥11M annually",
-        "publicationDate": "2024/07/27",
-        "tags": ["Full Time", "Senior Level", "Remote", "English"]
+        "jobPostingUrl": "https://www.amazon.jobs/en/jobs/2719073/sr-software-development-engineer-japan-pricing-and-promotions",
+        "salary": "-",
+        "publicationDate": "2024/08/25",
+        "tags": ["Full Time", "Senior Level", "English"]
+    },
+    {
+        "title": "Software Development Engineer, Amazon Points, JP Points CX",
+        "company": "Amazon Web Services",
+        "logoUrl": "/Amazon-logo.png",
+        "location": "Tokyo, Japan",
+        "jobPostingUrl": "https://www.amazon.jobs/en/jobs/2725444/software-development-engineer-amazon-points-jp-points-cx",
+        "salary": "-",
+        "publicationDate": "2024/08/25",
+        "tags": ["Full Time", "English"]
+    },
+    {
+        "title": "Senior Business Intelligence Engineer, JP Retail Science",
+        "company": "Amazon Web Services",
+        "logoUrl": "/Amazon-logo.png",
+        "location": "Tokyo, Japan",
+        "jobPostingUrl": "https://www.amazon.jobs/en/jobs/2560382/senior-business-intelligence-engineer-jp-retail-science",
+        "salary": "-",
+        "publicationDate": "2024/08/25",
+        "tags": ["Full Time", "Senior Level", "SQL skills", "English"]
     }
 ]

From 410783a41036b853348492487851c7129575301b Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <mariat.avantuxlab@gmail.com>
Date: Sun, 25 Aug 2024 13:59:27 +0900
Subject: [PATCH 12/18] Job Card responsive fix

---
 src/components/JobCard/JobCard.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 7076720..53cd35f 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react'
-import { Stack, Grid, Avatar, Typography, Button, Chip, Card, CardContent } from '@mui/material'
+import { 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'
@@ -21,7 +21,8 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
             <Grid container spacing={1} alignItems="center">
                 <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
                     <Avatar
-                        sx={{ bgcolor: 'grey', width: 90, height: 90, borderRadius: 2 }}
+                        sx={{ bgcolor: 'white', width: 100, height: 100, borderRadius: 2,  img: {objectFit: 'contain', width: '90%', height: '100%'}
+                        }}
                         alt={`${job.company} logo`}
                         src={job.logoUrl}
                     />
@@ -44,11 +45,11 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                             <Typography fontSize="body2" sx={{ ml: 1 }}>{job.salary}</Typography>
                         </Grid>
                     </Grid>
-                    <Stack direction='row' spacing={1} mt={2} justifyContent="flex-start">
+                    <Grid direction='row' spacing={1} mt={2} justifyContent="flex-start" flexWrap="wrap">
                         {job.tags.map((tag, index) => (
-                            <Chip key={index} label={tag} sx={{ bgcolor: 'secondary.dark', height: 32, borderRadius: '8px' }} />
+                            <Chip key={index} label={tag} sx={{ bgcolor: 'secondary.dark', height: 32, borderRadius: '8px', mt: { xs: 2, sm: 0 }, ml: { xs: 1, sm: 1 }, flexShrink: 0 }} />
                         ))}
-                    </Stack>
+                    </Grid>
                 </Grid>
                 <Grid item xs={12} sm={12} md={2} paddingRight={2} sx={{ order: { xs: -1, sm: -1, md: 0 }, alignSelf: { sm: 'flex-start' } }} display="flex" alignItems="center" justifyContent="right">
                     <AccessTimeIcon sx={{ marginRight: 2 }} />

From a944feda8f132ce8e21a0f93303200070d4f8cd6 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <77953414+MariaAmariya@users.noreply.github.com>
Date: Sat, 31 Aug 2024 19:57:52 +0900
Subject: [PATCH 13/18] job card corrections

Fixed: Company Name, JobCard Design
---
 src/components/JobCard/JobCard.tsx | 42 ++++++++++++++++++------------
 src/routes/JobBoard/jobs.json      | 12 ++++-----
 src/theme/theme.ts                 |  1 +
 3 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 53cd35f..7b47d4b 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -18,17 +18,23 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
 
     return <Card sx={{ bgcolor: 'primary.dark', width: '100%' }}>
         <CardContent>
-            <Grid container spacing={1} alignItems="center">
+            <Grid item xs={12} md={2} display={{ xs: 'flex', sm: 'flex', md: 'none' }} alignItems="center" justifyContent="right"  sx={{ marginBottom: { xs: 4, sm: 4 }, marginRight: 2 }}>
+                <AccessTimeIcon sx={{ marginRight: 1 }} />
+                <Typography fontSize="body2">
+                    {job.publicationDate}
+                </Typography>
+            </Grid>
+            <Grid container alignItems="center">
                 <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
                     <Avatar
-                        sx={{ bgcolor: 'white', width: 100, height: 100, borderRadius: 2,  img: {objectFit: 'contain', width: '90%', height: '100%'}
+                        sx={{ bgcolor: 'white', width: 135, height: 135, borderRadius: 2,  img: {objectFit: 'contain', width: '90%', height: '100%'}
                         }}
                         alt={`${job.company} logo`}
                         src={job.logoUrl}
                     />
                 </Grid>
                 <Grid item xs={12} sm={12} md={8} mt={2}>
-                    <Typography variant="h5" mb={2} component="div" sx={{ textAlign: 'left' }}>
+                    <Typography variant="h5" mb={2} mt={2} component="div" sx={{ textAlign: 'left' }}>
                         {job.title}
                     </Typography>
                     <Grid container spacing={2}>
@@ -40,10 +46,12 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                             <LocationOnIcon />
                             <Typography fontSize="body2" sx={{ ml: 1 }}>{job.location}</Typography>
                         </Grid>
-                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
-                            <AccountBalanceWalletIcon />
-                            <Typography fontSize="body2" sx={{ ml: 1 }}>{job.salary}</Typography>
-                        </Grid>
+                        {job.salary != '' &&
+                            <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                                <AccountBalanceWalletIcon />
+                                <Typography fontSize="body2" sx={{ ml: 1 }}>{job.salary}</Typography>
+                            </Grid>
+                        }
                     </Grid>
                     <Grid direction='row' spacing={1} mt={2} justifyContent="flex-start" flexWrap="wrap">
                         {job.tags.map((tag, index) => (
@@ -51,21 +59,21 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                         ))}
                     </Grid>
                 </Grid>
-                <Grid item xs={12} sm={12} md={2} paddingRight={2} sx={{ order: { xs: -1, sm: -1, md: 0 }, alignSelf: { sm: 'flex-start' } }} display="flex" alignItems="center" justifyContent="right">
-                    <AccessTimeIcon sx={{ marginRight: 2 }} />
-                    <Typography fontSize="body2">
-                        { job.publicationDate }
-                    </Typography>
-                </Grid>
-                <Grid container spacing={1} justifyContent="right">
-                    <Grid item>
+                <Grid container xs={12} sm={12} md={2} paddingRight={2} sx={{ alignItems: 'flex-end', justifyContent: 'flex-start', flexDirection: 'column' }}>
+                    <Grid item display={{ xs: 'none', sm: 'none', md: 'flex' }}  alignItems="center" justifyContent="right" paddingBottom={3}>
+                        <AccessTimeIcon sx={{ marginRight: 2 }} />
+                        <Typography fontSize="body2">
+                            {job.publicationDate}
+                        </Typography>
+                    </Grid>
+                    <Grid item display="flex-end" sx={{ marginTop:{xs: 3}, paddingLeft: {md: 3} }}>
                         <Button
                             variant="contained"
-                            color='tertiary'
+                            color="tertiary"
                             onClick={handleReadMoreClick}
                             sx={{
-                                mt: 1,
                                 padding: '4px 8px',
+                                transform: { md:'translateY(40px)' } ,
                             }}
                         >
                             Read More
diff --git a/src/routes/JobBoard/jobs.json b/src/routes/JobBoard/jobs.json
index 79501c8..3e7424c 100644
--- a/src/routes/JobBoard/jobs.json
+++ b/src/routes/JobBoard/jobs.json
@@ -1,31 +1,31 @@
 [
     {
         "title": "Sr. Software Development Engineer, Japan Pricing and Promotions",
-        "company": "Amazon Web Services",
+        "company": "Amazon Japan",
         "logoUrl": "/Amazon-logo.png",
         "location": "Tokyo, Japan",
         "jobPostingUrl": "https://www.amazon.jobs/en/jobs/2719073/sr-software-development-engineer-japan-pricing-and-promotions",
-        "salary": "-",
+        "salary": "",
         "publicationDate": "2024/08/25",
         "tags": ["Full Time", "Senior Level", "English"]
     },
     {
         "title": "Software Development Engineer, Amazon Points, JP Points CX",
-        "company": "Amazon Web Services",
+        "company": "Amazon Japan",
         "logoUrl": "/Amazon-logo.png",
         "location": "Tokyo, Japan",
         "jobPostingUrl": "https://www.amazon.jobs/en/jobs/2725444/software-development-engineer-amazon-points-jp-points-cx",
-        "salary": "-",
+        "salary": "",
         "publicationDate": "2024/08/25",
         "tags": ["Full Time", "English"]
     },
     {
         "title": "Senior Business Intelligence Engineer, JP Retail Science",
-        "company": "Amazon Web Services",
+        "company": "Amazon Japan",
         "logoUrl": "/Amazon-logo.png",
         "location": "Tokyo, Japan",
         "jobPostingUrl": "https://www.amazon.jobs/en/jobs/2560382/senior-business-intelligence-engineer-jp-retail-science",
-        "salary": "-",
+        "salary": "",
         "publicationDate": "2024/08/25",
         "tags": ["Full Time", "Senior Level", "SQL skills", "English"]
     }
diff --git a/src/theme/theme.ts b/src/theme/theme.ts
index d35a2c6..eef3b1f 100644
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@@ -36,6 +36,7 @@ const theme = createTheme({
         },
         divider: lightBlue[300]
     },
+    
     typography
 })
 

From 7c773f5fbca3720e895ea58a2a20c749d2a6e400 Mon Sep 17 00:00:00 2001
From: Maria Tenorio Morales <77953414+MariaAmariya@users.noreply.github.com>
Date: Sun, 1 Sep 2024 20:20:47 +0900
Subject: [PATCH 14/18] Update components: /JobCard/JobCard.tsx

---
 src/components/JobCard/JobCard.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 7b47d4b..f624ea8 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 } from '@mui/material'
+import { Grid, Avatar, Typography, Button, Chip, Card, CardContent, Stack } from '@mui/material'
 import BusinessIcon from '@mui/icons-material/Business'
 import LocationOnIcon from '@mui/icons-material/LocationOn'
 import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'
@@ -38,26 +38,26 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                         {job.title}
                     </Typography>
                     <Grid container spacing={2}>
-                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: 'flex-start', alignItems: 'center' }}>
                             <BusinessIcon />
                             <Typography fontSize="body2" sx={{ ml: 1 }}>{job.company}</Typography>
                         </Grid>
-                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                        <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: 'flex-start', alignItems: 'center' }}>
                             <LocationOnIcon />
                             <Typography fontSize="body2" sx={{ ml: 1 }}>{job.location}</Typography>
                         </Grid>
                         {job.salary != '' &&
-                            <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: { xs: 'flex-start', sm: 'center' }, alignItems: 'center' }}>
+                            <Grid item xs={12} sm={4} sx={{ display: 'flex', justifyContent: 'flex-start', alignItems: 'center' }}>
                                 <AccountBalanceWalletIcon />
                                 <Typography fontSize="body2" sx={{ ml: 1 }}>{job.salary}</Typography>
                             </Grid>
                         }
                     </Grid>
-                    <Grid direction='row' spacing={1} mt={2} justifyContent="flex-start" flexWrap="wrap">
+                    <Stack direction='row' mt={2} justifyContent="flex-start" flexWrap="wrap" sx={{ gap: 2, spacing:{sx:0, md:1} }}>
                         {job.tags.map((tag, index) => (
-                            <Chip key={index} label={tag} sx={{ bgcolor: 'secondary.dark', height: 32, borderRadius: '8px', mt: { xs: 2, sm: 0 }, ml: { xs: 1, sm: 1 }, flexShrink: 0 }} />
+                            <Chip key={index}  label={tag} sx={{ bgcolor: 'secondary.dark', color: 'white', height: 32, borderRadius: '8px' }} />
                         ))}
-                    </Grid>
+                    </Stack>
                 </Grid>
                 <Grid container xs={12} sm={12} md={2} paddingRight={2} sx={{ alignItems: 'flex-end', justifyContent: 'flex-start', flexDirection: 'column' }}>
                     <Grid item display={{ xs: 'none', sm: 'none', md: 'flex' }}  alignItems="center" justifyContent="right" paddingBottom={3}>

From b8aa681250271d784b87dd0b9ee960a530e7ecd9 Mon Sep 17 00:00:00 2001
From: Maria Tenorio <77953414+MariaAmariya@users.noreply.github.com>
Date: Sun, 1 Sep 2024 20:22:54 +0900
Subject: [PATCH 15/18] Update src/theme/theme.ts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Ann Kilzer キルザー杏 <akilzer@gmail.com>
---
 src/theme/theme.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/theme/theme.ts b/src/theme/theme.ts
index eef3b1f..d35a2c6 100644
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@@ -36,7 +36,6 @@ const theme = createTheme({
         },
         divider: lightBlue[300]
     },
-    
     typography
 })
 

From 1d59e47333088f33f2117d12ffec12e2d43aa9f3 Mon Sep 17 00:00:00 2001
From: Maria Tenorio <mariac.tenoriomorales@gmail.com>
Date: Sun, 1 Sep 2024 20:57:50 +0900
Subject: [PATCH 16/18] Fix: lint correction

---
 src/components/JobCard/JobCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index f624ea8..1417224 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -18,7 +18,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
 
     return <Card sx={{ bgcolor: 'primary.dark', width: '100%' }}>
         <CardContent>
-            <Grid item xs={12} md={2} display={{ xs: 'flex', sm: 'flex', md: 'none' }} alignItems="center" justifyContent="right"  sx={{ marginBottom: { xs: 4, sm: 4 }, marginRight: 2 }}>
+            <Grid item xs={12} md={2} display={{ xs: 'flex', sm: 'flex', md: 'none' }} alignItems="center" justifyContent="right" sx={{ marginBottom: { xs: 4, sm: 4 }, marginRight: 2 }}>
                 <AccessTimeIcon sx={{ marginRight: 1 }} />
                 <Typography fontSize="body2">
                     {job.publicationDate}

From 7471faac6893caf94ff7679bd43f1cb64cf4f7b2 Mon Sep 17 00:00:00 2001
From: Maria Tenorio <mariac.tenoriomorales@gmail.com>
Date: Sun, 1 Sep 2024 21:00:33 +0900
Subject: [PATCH 17/18] Fix: code cleaning

---
 src/components/JobCard/JobCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/JobCard/JobCard.tsx b/src/components/JobCard/JobCard.tsx
index 1417224..d10610b 100644
--- a/src/components/JobCard/JobCard.tsx
+++ b/src/components/JobCard/JobCard.tsx
@@ -27,7 +27,7 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
             <Grid container alignItems="center">
                 <Grid item xs={12} sm={12} md={2} display="flex" justifyContent="center">
                     <Avatar
-                        sx={{ bgcolor: 'white', width: 135, height: 135, borderRadius: 2,  img: {objectFit: 'contain', width: '90%', height: '100%'}
+                        sx={{ bgcolor: 'white', width: 135, height: 135, borderRadius: 2, img: {objectFit: 'contain', width: '90%', height: '100%'}
                         }}
                         alt={`${job.company} logo`}
                         src={job.logoUrl}
@@ -55,12 +55,12 @@ const JobCard: FC<JobCardProps> = ({ job }) => {
                     </Grid>
                     <Stack direction='row' mt={2} justifyContent="flex-start" flexWrap="wrap" sx={{ gap: 2, spacing:{sx:0, md:1} }}>
                         {job.tags.map((tag, index) => (
-                            <Chip key={index}  label={tag} sx={{ bgcolor: 'secondary.dark', color: 'white', height: 32, borderRadius: '8px' }} />
+                            <Chip key={index} label={tag} sx={{ bgcolor: 'secondary.dark', color: 'white', height: 32, borderRadius: '8px' }} />
                         ))}
                     </Stack>
                 </Grid>
                 <Grid container xs={12} sm={12} md={2} paddingRight={2} sx={{ alignItems: 'flex-end', justifyContent: 'flex-start', flexDirection: 'column' }}>
-                    <Grid item display={{ xs: 'none', sm: 'none', md: 'flex' }}  alignItems="center" justifyContent="right" paddingBottom={3}>
+                    <Grid item display={{ xs: 'none', sm: 'none', md: 'flex' }} alignItems="center" justifyContent="right" paddingBottom={3}>
                         <AccessTimeIcon sx={{ marginRight: 2 }} />
                         <Typography fontSize="body2">
                             {job.publicationDate}

From 3fbe3d3b9507cca69581c9fd00248efe00666c8a Mon Sep 17 00:00:00 2001
From: Maria Tenorio <mariac.tenoriomorales@gmail.com>
Date: Sun, 1 Sep 2024 21:03:51 +0900
Subject: [PATCH 18/18] Fix: code cleaning JobBoard.tsx

---
 src/routes/JobBoard/JobBoard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/JobBoard/JobBoard.tsx b/src/routes/JobBoard/JobBoard.tsx
index d869b59..77c4047 100644
--- a/src/routes/JobBoard/JobBoard.tsx
+++ b/src/routes/JobBoard/JobBoard.tsx
@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react'
 import JobCard from '@/components/JobCard/JobCard'
 import { Container, Stack, Typography } from '@mui/material'
 import { useTranslation } from 'react-i18next'
-import  job from '@/routes/JobBoard/jobs.json'
+import job from '@/routes/JobBoard/jobs.json'
 import JobData from '@/types/JobListing'
 
 const JobBoard:FC = () => {