conditional env render

yumyo · May 12, 2024 · 500182b · 500182b
1 parent 7a03ec4
commit 500182b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git 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
@@ -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>
   )