Add VITE_IS_LANDING_DEFAULT flag for conditional rendering of landing page

3 files changed, 30 insertions, 7 deletions

diff --git a/src/views/Landing/HomeHero.jsx b/src/views/Landing/HomeHero.jsx
index f01d335..644c9cc 100644
--- a/src/views/Landing/HomeHero.jsx
+++ b/src/views/Landing/HomeHero.jsx
@@ -61,6 +61,17 @@ const HomeHero = () => {
         >
           tick
         </span>
+        <span
+          style={{
+            fontSize: 20,
+            fontWeight: 700,
+            position: 'relative',
+            top: 12,
+            right: 45,
+          }}
+        >
+          Beta
+        </span>
       </Typography>
     </Box>
   )
diff --git a/src/views/Landing/Landing.jsx b/src/views/Landing/Landing.jsx
index fbdefed..a8b650d 100644
--- a/src/views/Landing/Landing.jsx
+++ b/src/views/Landing/Landing.jsx
@@ -1,7 +1,7 @@
 import { Container, Grid } from '@mui/joy'
 import AOS from 'aos'
 import 'aos/dist/aos.css'
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 import DemoAssignee from './DemoAssignee'
 import DemoHistory from './DemoHistory'
@@ -11,11 +11,6 @@ import FeaturesSection from './FeaturesSection'
 import HomeHero from './HomeHero'
 const Landing = () => {
   const Navigate = useNavigate()
-  const getCurrentUser = () => {
-    return JSON.parse(localStorage.getItem('user'))
-  }
-  const [currentUser, setCurrentUser] = useState(getCurrentUser())
-
   useEffect(() => {
     AOS.init({
       once: false, // whether animation should happen only once - while scrolling down
diff --git a/src/views/components/NavBar.jsx b/src/views/components/NavBar.jsx
index 939c9fd..2da09f5 100644
--- a/src/views/components/NavBar.jsx
+++ b/src/views/components/NavBar.jsx
@@ -71,12 +71,18 @@ const NavBar = () => {
   const location = useLocation()
   // if url has /landing then remove the navbar:
   if (
-    ['/', '/signup', '/login', '/landing', '/forgot-password'].includes(
+    ['/signup', '/login', '/landing', '/forgot-password'].includes(
       location.pathname,
     )
   ) {
     return null
   }
+  if (
+    location.pathname === '/' &&
+    import.meta.env.VITE_IS_LANDING_DEFAULT === 'true'
+  ) {
+    return null
+  }
 
   return (
     <nav className='flex gap-2 p-3'>
@@ -102,6 +108,17 @@ const NavBar = () => {
             tick✓
           </span>
         </Typography>
+        <span
+          style={{
+            fontSize: 12,
+            fontWeight: 700,
+            position: 'relative',
+            top: 12,
+            right: 45,
+          }}
+        >
+          Beta
+        </span>
       </Box>
       <Drawer
         open={drawerOpen}