From 500182b58f4c87528a19c83014816a2f4c6b456f Mon Sep 17 00:00:00 2001
From: Giulia Nicola Pernice <npernice@dminc.com>
Date: Sun, 12 May 2024 17:15:06 +0100
Subject: [PATCH] conditional env render

---
 src/components/Header.jsx | 11 ++++++-----
 src/components/Layout.js  |  4 ++--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index ba508db..addd885 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -81,13 +81,14 @@ export default function Header(props) {
           small ? "opacity-0" : "opacity-1"
         }`}
       >
-        <ThemeToggle />
+        {process.env.NODE_ENV === "development" && <ThemeToggle />}
       </CtrlTC>
       <div
         className={`hidden fixed lg:block z-40 text-right ${TopPos} ${RightPos}`}
         // fixed
       >
-        <MenuLink
+        
+        {process.env.NODE_ENV === "development" && <MenuLink
           to="/cases"
           exit={{
             length: 0.5,
@@ -99,8 +100,8 @@ export default function Header(props) {
           preventScrollJump
         >
           Case Histories
-        </MenuLink>
-        <MenuLink
+        </MenuLink>}
+        {process.env.NODE_ENV === "development" && <MenuLink
           to="/works"
           exit={{
             length: 0.5,
@@ -112,7 +113,7 @@ export default function Header(props) {
           preventScrollJump
         >
           Works Archive
-        </MenuLink>
+        </MenuLink>}
         {/* <MenuLink
           to="/labs"
           exit={{
diff --git a/src/components/Layout.js b/src/components/Layout.js
index 4477442..251f4b8 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -73,7 +73,7 @@ w-screen h-screen fixed top-0 left-0 z-0 text-white dark:text-black dark:sm:text
 const Layout = ({ children }) => {
   // const { title } = useSiteMetadata()
   const [isActive, setActive] = useState("false")
-  const [isBGVisible, setBGVisible] = useState(true)
+  const [isBGVisible, setBGVisible] = useState(false)
   const location = useLocation()
   const prevLocation = usePrevious(location)
 
@@ -116,7 +116,7 @@ const Layout = ({ children }) => {
       </ContentWrapper>
       {/* <Middle /> */}
       <Footer />
-      <button className={`fixed bottom-k1 z-50 left-1/2 -translate-x-1/2`} onClick={toggleBGVisibility}> <EyeOutline size="24" className="transition-colors hover:text-violet-600" /></button>
+     {process.env.NODE_ENV === "development" && <button className={`fixed bottom-k1 z-50 left-1/2 -translate-x-1/2`} onClick={toggleBGVisibility}> <EyeOutline size="24" className="transition-colors hover:text-violet-600" /></button>}
       {isBGVisible && <GeometriCBG />}
     </MainContainer>
   )