Change teks to parole

components/teks/teks-drawer.js

@@ -117,7 +117,7 @@ const Root = styled('div')((
 
 const drawerWidth = 240
 
-export default function TeksDrawer({teks, anTeks, komante, denyeTeks}) {
+export default function TeksDrawer({paroles, parole, paroleId, commentaires, denyeTeks}) {
   const theme = useTheme()
   const [esMobilOuve, meteEsMobilOuve] = useState(false)
   const [open, setOpen] = useState(false)
@@ -161,21 +161,21 @@ export default function TeksDrawer({teks, anTeks, komante, denyeTeks}) {
           >
             <MenuIcon />
           </IconButton>
-          {anTeks ? (
+          {parole ? (
             <>
               <Link passHref href='/paroles'>
                 <IconButton aria-label='return' size='medium'>
                   <KeyboardBackspaceIcon style={{fontSize: '1.5em'}} />
                 </IconButton>
               </Link>
-              {anTeks.lyen && anTeks.lyen.length > 0 && (
+              {parole.streamVideo && parole.streamVideo.length > 0 && (
                 <div className={classes.vwe}>
-                  <VweKouteAchte niVideyo anTeks={anTeks} />
+                  <VweKouteAchte niVideyo parole={parole} />
                 </div>
               )}
-              {anTeks.kouteyAchtey && anTeks.kouteyAchtey.length > 0 && (
+              {parole.streamVideo && parole.streamVideo.length > 0 && (
                 <div className={classes.koute}>
-                  <VweKouteAchte niOdyo anTeks={anTeks} />
+                  <VweKouteAchte niOdyo parole={parole} />
                 </div>
               )}
             </>
@@ -201,7 +201,7 @@ export default function TeksDrawer({teks, anTeks, komante, denyeTeks}) {
             }}
             onClose={handleDrawerToggle}
           >
-            <DrawerBar meteEsMobilOuve={meteEsMobilOuve} teks={teks} anTeks={anTeks} />
+            <DrawerBar meteEsMobilOuve={meteEsMobilOuve} paroles={paroles} parole={parole} />
           </Drawer>
         </Hidden>
         <Hidden smDown implementation='css'>
@@ -212,15 +212,16 @@ export default function TeksDrawer({teks, anTeks, komante, denyeTeks}) {
             }}
             variant='permanent'
           >
-            <DrawerBar teks={teks} anTeks={anTeks} />
+            <DrawerBar paroles={paroles} parole={parole} />
           </Drawer>
         </Hidden>
       </nav>
       <main className={classes.content}>
-        {anTeks ? (
+        {parole ? (
           <Teks
-            anTeks={anTeks}
-            komante={komante}
+            parole={parole}
+            paroleId={paroleId}
+            commentaires={commentaires}
             open={open}
             success={success}
             error={error}
@@ -239,14 +240,16 @@ export default function TeksDrawer({teks, anTeks, komante, denyeTeks}) {
 }
 
 TeksDrawer.propTypes = {
-  teks: PropTypes.array.isRequired,
-  anTeks: PropTypes.object,
-  komante: PropTypes.array,
+  paroles: PropTypes.array.isRequired,
+  parole: PropTypes.object,
+  paroleId: PropTypes.number,
+  commentaires: PropTypes.array,
   denyeTeks: PropTypes.array
 }
 
 TeksDrawer.defaultProps = {
-  anTeks: null,
-  komante: null,
+  parole: null,
+  paroleId: null,
+  commentaires: null,
   denyeTeks: null
 }