From 4f395d64d14162a007c7c16569fdb37ae917134b Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Thu, 13 Mar 2025 09:01:02 +0000
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(CurriculumItem):?=
 =?UTF-8?q?=20migrate=20to=20mui=20Grid2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../molecules/CurriculumItem/CurriculumItem.tsx      | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/CurriculumItem/CurriculumItem.tsx b/src/components/molecules/CurriculumItem/CurriculumItem.tsx
index 5b205df..084eddd 100644
--- a/src/components/molecules/CurriculumItem/CurriculumItem.tsx
+++ b/src/components/molecules/CurriculumItem/CurriculumItem.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Accordion, AccordionDetails, AccordionSummary, Box, Grid, Typography } from '@mui/material'
+import { Accordion, AccordionDetails, AccordionSummary, Box, Grid2 as Grid, Typography } from '@mui/material'
 import { ExpandMore as ExpandIcon } from '@mui/icons-material'
 
 interface CurriculumEntryProps {
@@ -53,20 +53,20 @@ const CurriculumItem = (props: CurriculumEntryProps) => {
             marginLeft: 2,
           },
         }}>
-        <Grid container direction="row" justifyContent="space-between" alignItems="stretch" display={{ xs: 'none', sm: 'flex' }}>
-          <Grid item xs={9} component={Typography} variant="h6">
+        <Grid container width={1} direction="row" justifyContent="space-between" alignItems="stretch" display={{ xs: 'none', sm: 'flex' }}>
+          <Grid component={Typography} size={9} variant="h6">
             <b>{props.title}</b>
           </Grid>
-          <Grid item xs={3} component={Typography} variant="h6" color="primary.main" textAlign="right">
+          <Grid component={Typography} size={3} variant="h6" color="primary.main" textAlign="right">
             {props.dates}
           </Grid>
           {typeof props.company !== 'undefined' && (
-            <Grid item xs={9} component={Typography} variant="overline" color="text.secondary">
+            <Grid component={Typography} size={9} 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">
+            <Grid component={Typography} size={3} variant="subtitle1" color="text.secondary" textAlign="right">
               <em>{props.location}</em>
             </Grid>
           )}