From 1e3031a07417e808dd9a1d23436255b95fe9ed9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Fri, 18 Dec 2020 22:21:53 +0100
Subject: [PATCH] Translate Drawer state

---
 components/awtis/mizik-lis.js  | 10 +++++-----
 components/teks/drawer-bar.js  |  8 ++++----
 components/teks/teks-drawer.js |  8 ++++----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js
index dd50aa8..834b633 100644
--- a/components/awtis/mizik-lis.js
+++ b/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) {
-      setMobileOpen(false)
+    if (meteEsMobilOuve) {
+      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
diff --git a/components/teks/drawer-bar.js b/components/teks/drawer-bar.js
index 2133ee8..0abd4f5 100644
--- a/components/teks/drawer-bar.js
+++ b/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
 }
diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 28fa5fe..59621d2 100644
--- a/components/teks/teks-drawer.js
+++ b/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'>