PLT-7515 fix header on landing page

input-output-hk · Sep 21, 2023 · fe708ad · fe708ad
1 parent ab606f8
commit fe708ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/Component/App.purs b/src/Component/App.purs
@@ -280,7 +280,14 @@ mkApp = do
         pure contracts
 
     pure $ case possibleWalletInfo of
-      Nothing -> landingPage { setWalletInfo: setWalletInfo <<< Just }
+      Nothing -> DOM.div {} $
+        [ DOM.nav { className: "navbar navbar-expand-sm navbar-light" } $
+            DOM.div { className: "container-fluid" }
+              [ DOM.a { href: "#", className: "navbar-brand" }
+                  [ svgImg { src: marloweLogoUrl } ]
+              ]
+        , landingPage { setWalletInfo: setWalletInfo <<< Just }
+        ]
       _ -> provider walletInfoCtx ((/\) <$> possibleWalletInfo <*> possibleWalletContext) $
         [ DOM.nav { className: "navbar navbar-expand-sm navbar-light" } $
             DOM.div { className: "container-fluid" }

diff --git a/src/Component/LandingPage.purs b/src/Component/LandingPage.purs
@@ -60,12 +60,7 @@ mkLandingPage = do
             [ DOM.p {} [ DOOM.text "Selecting a wallet is your first step in deploying a smart contract, your choice should be compatible with the blockchain network you want to deploy your contract on." ]
             ]
       , content: DOM.div {} $
-          [ DOM.nav { className: "navbar navbar-expand-sm navbar-light bg-light fix-top" } $
-              DOM.div { className: "container-fluid" }
-                [ DOM.a { href: "#", className: "navbar-brand" }
-                    [ svgImg { src: marloweLogoUrl } ]
-                ]
-          , DOM.div { className: "container-fluid" }
+          [ DOM.div { className: "container-fluid" }
               $ DOM.div { className: "row justify-content-center" }
               $ DOM.div { className: "col-xl-5 col-lg-8 col-12" }
                   [ case possibleErrors of