refactor: migrate material ui 6 code

jooy2 · Nov 4, 2024 · 99a70d7 · 99a70d7
1 parent bc9808d
commit 99a70d7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/renderer/screens/MainScreen.tsx b/src/renderer/screens/MainScreen.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import ButtonGroup from '@mui/material/ButtonGroup';
 import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Grid2';
 import { increaseCount, setDarkTheme, setVersion } from '@/renderer/store/slices/appScreenSlice';
 import { bodyRoot, jumbo } from '@/renderer/assets/css/global';
 import type { RootState } from '@/renderer/store';
@@ -38,15 +38,15 @@ const MainScreen = () => {
     <div css={bodyRoot}>
       <div css={jumbo}>
         <Grid container alignItems="center" spacing={3}>
-          <Grid item xs={5}>
+          <Grid size={{ xs: 5 }}>
             <img
               data-testid="main-logo"
               alt="logo"
               src="images/retron-logo.webp"
               draggable="false"
             />
           </Grid>
-          <Grid item xs={7}>
+          <Grid size={{ xs: 7 }}>
             <h1>{t('hello-title')}</h1>
             <p>{t('hello-desc')}</p>
             <p>