Use codemod preset-safe

components/awtis/awtis-biyografi.js

@@ -10,7 +10,7 @@ import {
   DialogContent,
   DialogContentText,
   DialogTitle
-} from '@material-ui/core'
+} from '@mui/material'
 
 import MizikBadjMeni from './mizik-badj-meni'
 

components/awtis/awtis-kat.js

@@ -12,10 +12,10 @@ import {
   Collapse,
   IconButton,
   Typography
-} from '@material-ui/core'
+} from '@mui/material'
 
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore'
-import {styled} from '@material-ui/core/styles'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import {styled} from '@mui/material/styles'
 
 import MizikLis from './mizik-lis'
 import AwtisBiyografi from './awtis-biyografi'
@@ -73,58 +73,57 @@ export default function AwtisKat({anAwtis}) {
   }
 
   return (
-    (
-      <Root>
-        <Grid item xs={12} sm={6} lg={4}>
-          <Card className={classes.root}>
-            <CardActionArea onClick={handleClick}>
-              <CardMedia
-                className={classes.media}
-                component='img'
-                alt={alias}
-                image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : noImageUrl}`}
-                title={alias}
-              />
-              <CardContent>
-                <Typography gutterBottom align='center' variant='h5' component='h2'>
-                  {alias}
-                </Typography>
-                <Typography align='center' variant='body2' color='textSecondary' component='h5'>
-                  {anAwtis.teks.length} tèks
-                </Typography>
-              </CardContent>
-            </CardActionArea>
+    <Root>
+      <Grid item xs={12} sm={6} lg={4}>
+        <Card className={classes.root}>
+          <CardActionArea onClick={handleClick}>
+            <CardMedia
+              className={classes.media}
+              component='img'
+              alt={alias}
+              image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : noImageUrl}`}
+              title={alias}
+            />
+            <CardContent>
+              <Typography gutterBottom align='center' variant='h5' component='h2'>
+                {alias}
+              </Typography>
+              <Typography align='center' variant='body2' color='textSecondary' component='h5'>
+                {anAwtis.teks.length} tèks
+              </Typography>
+            </CardContent>
+          </CardActionArea>
 
-            <CardActions disableSpacing>
-              <IconButton
-                className={clsx(classes.expand, {
-                  [classes.expandOpen]: expanded
-                })}
-                aria-expanded={expanded}
-                aria-label='show more'
-                onClick={handleExpandClick}
-              >
-                <ExpandMoreIcon />
-              </IconButton>
-            </CardActions>
-            <Collapse unmountOnExit in={expanded} timeout='auto'>
-              <CardContent>
-                <MizikLis teks={teks} />
-              </CardContent>
-            </Collapse>
-          </Card>
-        </Grid>
-        {esByografiOuve && (
-          <AwtisBiyografi
-            alias={alias}
-            teks={teks}
-            biyografi={biyografi}
-            esByografiOuve={esByografiOuve}
-            meteEsByografiOuve={meteEsByografiOuve}
-          />
-        )}
-      </Root>
-    )
+          <CardActions disableSpacing>
+            <IconButton
+              className={clsx(classes.expand, {
+                [classes.expandOpen]: expanded
+              })}
+              aria-expanded={expanded}
+              aria-label='show more'
+              size='large'
+              onClick={handleExpandClick}
+            >
+              <ExpandMoreIcon />
+            </IconButton>
+          </CardActions>
+          <Collapse unmountOnExit in={expanded} timeout='auto'>
+            <CardContent>
+              <MizikLis teks={teks} />
+            </CardContent>
+          </Collapse>
+        </Card>
+      </Grid>
+      {esByografiOuve && (
+        <AwtisBiyografi
+          alias={alias}
+          teks={teks}
+          biyografi={biyografi}
+          esByografiOuve={esByografiOuve}
+          meteEsByografiOuve={meteEsByografiOuve}
+        />
+      )}
+    </Root>
   )
 }
 

components/awtis/mizik-badj-meni.js

@@ -11,10 +11,10 @@ import {
   Paper,
   Popper,
   Badge
-} from '@material-ui/core'
+} from '@mui/material'
 
-import {styled} from '@material-ui/core/styles'
-import MenuBookIcon from '@material-ui/icons/MenuBook'
+import {styled} from '@mui/material/styles'
+import MenuBookIcon from '@mui/icons-material/MenuBook'
 
 const PREFIX = 'mizik-badj-meni'
 

components/awtis/mizik-lis.js

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/router'
 
-import {styled} from '@material-ui/core/styles'
-import {List, ListItem, ListItemText} from '@material-ui/core'
-import FiberNewOutlinedIcon from '@material-ui/icons/FiberNewOutlined'
-import LibraryMusicIcon from '@material-ui/icons/LibraryMusic'
-import ExplicitIcon from '@material-ui/icons/Explicit'
+import {styled} from '@mui/material/styles'
+import {List, ListItem, ListItemText} from '@mui/material'
+import FiberNewOutlinedIcon from '@mui/icons-material/FiberNewOutlined'
+import LibraryMusicIcon from '@mui/icons-material/LibraryMusic'
+import ExplicitIcon from '@mui/icons-material/Explicit'
 
 import {esBrandNew} from '../../lib/date'
 

components/awtis/pajinasyon.js

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/router'
-import {styled} from '@material-ui/core/styles'
-import Pagination from '@material-ui/lab/Pagination'
-import {Grid} from '@material-ui/core'
+import {styled} from '@mui/material/styles'
+import Pagination from '@mui/material/Pagination'
+import {Grid} from '@mui/material'
 
 const PREFIX = 'pajinasyon'