Remove expanded in AwtisKat

components/awtis/awtis-kat.js

@@ -11,10 +11,8 @@ import CardMedia from '@mui/material/CardMedia'
 import CardContent from '@mui/material/CardContent'
 import Typography from '@mui/material/Typography'
 
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import {styled} from '@mui/material/styles'
 
-import MizikLis from './mizik-lis'
 import AwtisBiyografi from './awtis-biyografi'
 
 const PREFIX = 'awtis-kat'
@@ -59,14 +57,8 @@ export default function AwtisKat({artiste}) {
 
   const {alias, biographie, paroles, photo, slug} = artiste
 
-  const [expanded, setExpanded] = useState(false)
-
-  const handleExpandClick = () => {
-    setExpanded(!expanded)
-  }
-
   return (
-    <Grid item xs={12} sm={6} md={4}>
+    <Grid xs={12} sm={6} md={4}>
       <Kat>
         <Card sx={{maxWidth: 340}}>
           <CardActionArea onClick={() => router.push(`${SITE_URL}/awtis/${slug}`)}>
@@ -86,27 +78,6 @@ export default function AwtisKat({artiste}) {
               </Typography>
             </CardContent>
           </CardActionArea>
-
-          {paroles.data.length > 0 && (
-            <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 paroles={paroles.data} />
-            </CardContent>
-          </Collapse>
         </Card>
         {esByografiOuve && (
           <AwtisBiyografi