From 41a63c07127b7bfab77610e1e21b85d5899f0e9e Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Thu, 28 Mar 2024 11:14:31 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(curriculum):=20ad?=
 =?UTF-8?q?d=20certifications?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CurriculumItem/CurriculumItem.tsx         | 36 +++++++++++--------
 .../pages/CurriculumPage/CurriculumPage.tsx   | 18 ++++++++--
 2 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/src/components/molecules/CurriculumItem/CurriculumItem.tsx b/src/components/molecules/CurriculumItem/CurriculumItem.tsx
index e51dd8b..5b205df 100644
--- a/src/components/molecules/CurriculumItem/CurriculumItem.tsx
+++ b/src/components/molecules/CurriculumItem/CurriculumItem.tsx
@@ -5,8 +5,8 @@ import { ExpandMore as ExpandIcon } from '@mui/icons-material'
 interface CurriculumEntryProps {
   title: string
   dates: string
-  company: string
-  location: string
+  company?: string
+  location?: string
   children?: React.ReactNode
 }
 
@@ -60,12 +60,16 @@ const CurriculumItem = (props: CurriculumEntryProps) => {
           <Grid item xs={3} component={Typography} variant="h6" color="primary.main" textAlign="right">
             {props.dates}
           </Grid>
-          <Grid item xs={9} component={Typography} variant="overline" color="text.secondary">
-            {props.company}
-          </Grid>
-          <Grid item xs={3} component={Typography} variant="subtitle1" color="text.secondary" textAlign="right">
-            <em>{props.location}</em>
-          </Grid>
+          {typeof props.company !== 'undefined' && (
+            <Grid item xs={9} component={Typography} variant="overline" color="text.secondary">
+              {props.company}
+            </Grid>
+          )}
+          {typeof props.location !== 'undefined' && (
+            <Grid item xs={3} component={Typography} variant="subtitle1" color="text.secondary" textAlign="right">
+              <em>{props.location}</em>
+            </Grid>
+          )}
         </Grid>
         <Box display={{ xs: 'block', sm: 'none' }}>
           <Typography variant="subtitle1" color="primary.main">
@@ -74,12 +78,16 @@ const CurriculumItem = (props: CurriculumEntryProps) => {
           <Typography variant="h6">
             <b>{props.title}</b>
           </Typography>
-          <Typography variant="button" color="text.secondary">
-            {props.company}
-          </Typography>
-          <Typography variant="subtitle2" color="text.secondary">
-            <em>{props.location}</em>
-          </Typography>
+          {typeof props.company !== 'undefined' && (
+            <Typography variant="button" color="text.secondary">
+              {props.company}
+            </Typography>
+          )}
+          {typeof props.location !== 'undefined' && (
+            <Typography variant="subtitle2" color="text.secondary">
+              <em>{props.location}</em>
+            </Typography>
+          )}
         </Box>
       </AccordionSummary>
       <AccordionDetails>{props.children}</AccordionDetails>
diff --git a/src/components/pages/CurriculumPage/CurriculumPage.tsx b/src/components/pages/CurriculumPage/CurriculumPage.tsx
index dd2a330..63a0723 100644
--- a/src/components/pages/CurriculumPage/CurriculumPage.tsx
+++ b/src/components/pages/CurriculumPage/CurriculumPage.tsx
@@ -1,13 +1,13 @@
-import { Box, Divider, Link, Table, TableCell, TableRow, Typography } from '@mui/material'
+import { Box, Divider, Link, Stack, Table, TableCell, TableRow, Typography } from '@mui/material'
 
-import { Award, Extracurricular, Publication } from 'components/atoms'
+import { Award, ExternalIconLink, Extracurricular, Publication } from 'components/atoms'
 import { CurriculumItem } from 'components/molecules'
 import { Page } from 'components/templates'
 
 const Curriculum = () => {
   return (
     <Page title="Curriculum">
-      <Box component="section" id="robotics">
+      <Box component="section" id="work">
         <Typography variant="h4" color="primary.main" gutterBottom>
           Work Experience
         </Typography>
@@ -114,10 +114,22 @@ const Curriculum = () => {
           Education
         </Typography>
 
+        <Typography variant="h5" gutterBottom>
+          Certifications
+        </Typography>
+        {/* id="WUT" */}
+        <CurriculumItem title="IBM Full Stack Software Developer Professional Certificate" dates="03/24">
+          <Stack direction="row" alignItems="flex-end">
+            <Typography>Credential ID: EZ34GWQLRHEG</Typography>
+            <ExternalIconLink size="small" fontSize="small" href="https://www.coursera.org/account/accomplishments/professional-cert/EZ34GWQLRHEG" />
+          </Stack>
+        </CurriculumItem>
+
         <Typography
           variant="h5"
           onClick={() => window.open('https://master-emaro.ec-nantes.fr/', '_blank')}
           sx={{
+            mt: 2,
             cursor: 'pointer',
             ':hover': {
               backgroundColor: 'transparent',