From fb44e92526ddea9e893b32c43f306b4c3efe60a0 Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Thu, 21 Apr 2022 19:41:07 +0100
Subject: [PATCH] remove dynamic load for landing navbar and  made if fixed

---
 frontend/src/components/Navbar.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js
index 32132e2e..51e50132 100644
--- a/frontend/src/components/Navbar.js
+++ b/frontend/src/components/Navbar.js
@@ -2,7 +2,7 @@ import React, { Suspense, useContext } from "react";
 import { Flex } from "@chakra-ui/react";
 import UIContext from "../core/providers/UIProvider/context";
 
-const LandingNavbar = React.lazy(() => import("./LandingNavbar"));
+import LandingNavbar from "./LandingNavbar";
 const AppNavbar = React.lazy(() => import("./AppNavbar"));
 
 const Navbar = () => {
@@ -11,6 +11,7 @@ const Navbar = () => {
   return (
     <Flex
       boxShadow={["sm", "md"]}
+      zIndex={1}
       alignItems="center"
       id="Navbar"
       minH="3rem"
@@ -19,9 +20,12 @@ const Navbar = () => {
       direction="row"
       w="100%"
       overflow="hidden"
+      position={"fixed"}
+      transition={"0.3s"}
+      top={"0"}
     >
+      {(!isAppView || !isLoggedIn) && <LandingNavbar />}
       <Suspense fallback={""}>
-        {(!isAppView || !isLoggedIn) && <LandingNavbar />}
         {isAppView && isLoggedIn && <AppNavbar />}
       </Suspense>
     </Flex>