From 6e4af154efeb44926f4af51dd8639b3c575810e4 Mon Sep 17 00:00:00 2001
From: Muhammad Ali <alihamuh@gmail.com>
Date: Wed, 11 Mar 2020 12:29:50 +0500
Subject: [PATCH] fix: navigator view not hiding in focus mode (#127)

* root navigator

* root-nav-changes

* dependency removed

* z-index val
---
 apps/web/src/app.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app.js b/apps/web/src/app.js
index 69098dddf..dc078f4fa 100644
--- a/apps/web/src/app.js
+++ b/apps/web/src/app.js
@@ -97,8 +97,12 @@ function App() {
   }, []);
 
   useEffect(() => {
-    if (isFocusModeEnabled) setShow(false);
-  }, [isFocusModeEnabled, setShow, show]);
+    if (isFocusModeEnabled) {
+      setShow(false);
+    } else {
+      setShow(true);
+    }
+  }, [isFocusModeEnabled]);
   const colors = useStore(store => store.colors);
   return (
     <ThemeProvider>
@@ -206,10 +210,10 @@ function App() {
           <motion.div
             initial={{ width: "30%", opacity: 1, scaleY: 1 }}
             animate={{
-              width: show ? "0%" : "30%",
-              scaleY: show ? 0.8 : 1,
-              opacity: show ? 0 : 1,
-              zIndex: show ? -1 : 0
+              width: show ? "30%" : "0%",
+              scaleY: show ? 1 : 0.8,
+              opacity: show ? 1 : 0,
+              zIndex: show ? 0 : -1
             }}
             transition={{ duration: 0.3, ease: "easeOut" }}
             style={{