Use codemod preset-safe
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user