From 0808eb64933a13c82d08aaa2c6ded464ae091d8d Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Fri, 15 May 2020 00:47:43 +0500
Subject: [PATCH] ui(editor): hide properties icon in focus mode

---
 apps/web/src/components/editor/header.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/editor/header.js b/apps/web/src/components/editor/header.js
index 08d59073c..46d7fd7b9 100644
--- a/apps/web/src/components/editor/header.js
+++ b/apps/web/src/components/editor/header.js
@@ -100,9 +100,11 @@ function Header() {
           <Icon.FocusMode size={30} />
         )}
       </Flex>
-      <Flex alignItems="center" onClick={() => toggleProperties()} pr={3}>
-        <Icon.Properties size={30} />
-      </Flex>
+      {!isFocusMode && (
+        <Flex alignItems="center" onClick={() => toggleProperties()} pr={3}>
+          <Icon.Properties size={30} />
+        </Flex>
+      )}
     </Flex>
   );
 }