Translate Drawer state

components/awtis/mizik-lis.js

@@ -12,7 +12,7 @@ const useStyles = makeStyles(theme => ({
   }
 }))
 
-export default function MizikLis({setMobileOpen, niAwtis, teks, slugTeksChwazi, meteSlugTeksChwazi}) {
+export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi, meteSlugTeksChwazi}) {
   const classes = useStyles()
   const router = useRouter()
 
@@ -29,8 +29,8 @@ export default function MizikLis({setMobileOpen, niAwtis, teks, slugTeksChwazi,
       }
     }
 
-    if (setMobileOpen) {
+    if (meteEsMobilOuve) {
-      setMobileOpen(false)
+      meteEsMobilOuve(false)
     }
   }
 
@@ -52,7 +52,7 @@ export default function MizikLis({setMobileOpen, niAwtis, teks, slugTeksChwazi,
 }
 
 MizikLis.propTypes = {
-  setMobileOpen: PropTypes.func,
+  meteEsMobilOuve: PropTypes.func,
   niAwtis: PropTypes.bool,
   teks: PropTypes.array.isRequired,
   slugTeksChwazi: PropTypes.string,
@@ -60,7 +60,7 @@ MizikLis.propTypes = {
 }
 
 MizikLis.defaultProps = {
-  setMobileOpen: null,
+  meteEsMobilOuve: null,
   niAwtis: false,
   slugTeksChwazi: null,
   meteSlugTeksChwazi: null

components/teks/drawer-bar.js

@@ -42,7 +42,7 @@ const getMizikFiltered = (teks, filter) => {
   }
 }
 
-export default function DrawerBar({setMobileOpen, teks, anTeks}) {
+export default function DrawerBar({meteEsMobilOuve, teks, anTeks}) {
   const slug = anTeks ? anTeks.slug : null
   const classes = useStyles()
 
@@ -76,7 +76,7 @@ export default function DrawerBar({setMobileOpen, teks, anTeks}) {
       <div className={classes.list}>
         <MizikLis
           niAwtis
-          setMobileOpen={setMobileOpen}
+          meteEsMobilOuve={meteEsMobilOuve}
           teks={mizikFiltered}
           slugTeksChwazi={slugTeksChwazi}
           meteSlugTeksChwazi={meteSlugTeksChwazi}
@@ -87,12 +87,12 @@ export default function DrawerBar({setMobileOpen, teks, anTeks}) {
 }
 
 DrawerBar.propTypes = {
-  setMobileOpen: PropTypes.func,
+  meteEsMobilOuve: PropTypes.func,
   teks: PropTypes.array.isRequired,
   anTeks: PropTypes.object
 }
 
 DrawerBar.defaultProps = {
-  setMobileOpen: null,
+  meteEsMobilOuve: null,
   anTeks: null
 }

components/teks/teks-drawer.js

@@ -102,10 +102,10 @@ const formatJsonString = stringToFormat => {
 export default function TeksDrawer({teks, anTeks}) {
   const classes = useStyles()
   const theme = useTheme()
-  const [mobileOpen, setMobileOpen] = useState(false)
+  const [esMobilOuve, meteEsMobilOuve] = useState(false)
 
   const handleDrawerToggle = () => {
-    setMobileOpen(!mobileOpen)
+    meteEsMobilOuve(!esMobilOuve)
   }
 
   const container = typeof window === 'undefined' ? undefined : () => window.document.body
@@ -155,7 +155,7 @@ export default function TeksDrawer({teks, anTeks}) {
             container={container}
             variant='temporary'
             anchor={theme.direction === 'rtl' ? 'right' : 'left'}
-            open={mobileOpen}
+            open={esMobilOuve}
             classes={{
               paper: classes.drawerPaper
             }}
@@ -164,7 +164,7 @@ export default function TeksDrawer({teks, anTeks}) {
             }}
             onClose={handleDrawerToggle}
           >
-            <DrawerBar setMobileOpen={setMobileOpen} teks={teks} anTeks={anTeks} />
+            <DrawerBar meteEsMobilOuve={meteEsMobilOuve} teks={teks} anTeks={anTeks} />
           </Drawer>
         </Hidden>
         <Hidden xsDown implementation='css'>