From fa47ea784335cd2c74404ff46f7a69ba9c27686a Mon Sep 17 00:00:00 2001
From: Igor Lobanov <bniwredyc@gmail.com>
Date: Thu, 29 Sep 2022 13:15:59 +0200
Subject: [PATCH 1/2] footer style fix

---
 src/components/Layouts/MainLayout.tsx   | 10 +++++++---
 src/components/Pages/FourOuFourPage.tsx |  2 +-
 src/styles/FourOuFour.module.scss       |  4 ----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Layouts/MainLayout.tsx b/src/components/Layouts/MainLayout.tsx
index 355e5a19..e448f3eb 100644
--- a/src/components/Layouts/MainLayout.tsx
+++ b/src/components/Layouts/MainLayout.tsx
@@ -3,21 +3,25 @@ import { Header } from '../Nav/Header'
 import { Footer } from '../Discours/Footer'
 
 import '../../styles/app.scss'
+import { Show } from 'solid-js'
 
-type Props = {
+type MainLayoutProps = {
   headerTitle?: string
   children: JSX.Element
   isHeaderFixed?: boolean
+  hideFooter?: boolean
 }
 
-export const MainLayout = (props: Props) => {
+export const MainLayout = (props: MainLayoutProps) => {
   const isHeaderFixed = props.isHeaderFixed !== undefined ? props.isHeaderFixed : true
 
   return (
     <>
       <Header title={props.headerTitle} isHeaderFixed={isHeaderFixed} />
       <main class="main-content">{props.children}</main>
-      <Footer />
+      <Show when={props.hideFooter !== true}>
+        <Footer />
+      </Show>
     </>
   )
 }
diff --git a/src/components/Pages/FourOuFourPage.tsx b/src/components/Pages/FourOuFourPage.tsx
index 38d955cf..68d5cb97 100644
--- a/src/components/Pages/FourOuFourPage.tsx
+++ b/src/components/Pages/FourOuFourPage.tsx
@@ -3,7 +3,7 @@ import { MainLayout } from '../Layouts/MainLayout'
 
 export const FourOuFourPage = () => {
   return (
-    <MainLayout isHeaderFixed={false}>
+    <MainLayout isHeaderFixed={false} hideFooter={true}>
       <FourOuFourView />
     </MainLayout>
   )
diff --git a/src/styles/FourOuFour.module.scss b/src/styles/FourOuFour.module.scss
index 3ae39ce7..0314d1d0 100644
--- a/src/styles/FourOuFour.module.scss
+++ b/src/styles/FourOuFour.module.scss
@@ -2,10 +2,6 @@ header {
   position: absolute;
 }
 
-footer {
-  display: none;
-}
-
 .main-logo {
   height: 80px !important;
 }

From b0b725ff2c2373eec19d2f6e620e15479bb98f61 Mon Sep 17 00:00:00 2001
From: Igor Lobanov <bniwredyc@gmail.com>
Date: Thu, 29 Sep 2022 13:42:26 +0200
Subject: [PATCH 2/2] quick header fix

---
 src/components/Layouts/MainLayout.tsx | 4 +---
 src/styles/FourOuFour.module.scss     | 4 ----
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/Layouts/MainLayout.tsx b/src/components/Layouts/MainLayout.tsx
index e448f3eb..7d9aa638 100644
--- a/src/components/Layouts/MainLayout.tsx
+++ b/src/components/Layouts/MainLayout.tsx
@@ -13,11 +13,9 @@ type MainLayoutProps = {
 }
 
 export const MainLayout = (props: MainLayoutProps) => {
-  const isHeaderFixed = props.isHeaderFixed !== undefined ? props.isHeaderFixed : true
-
   return (
     <>
-      <Header title={props.headerTitle} isHeaderFixed={isHeaderFixed} />
+      <Header title={props.headerTitle} isHeaderFixed={props.isHeaderFixed === true} />
       <main class="main-content">{props.children}</main>
       <Show when={props.hideFooter !== true}>
         <Footer />
diff --git a/src/styles/FourOuFour.module.scss b/src/styles/FourOuFour.module.scss
index 0314d1d0..54da05f3 100644
--- a/src/styles/FourOuFour.module.scss
+++ b/src/styles/FourOuFour.module.scss
@@ -1,7 +1,3 @@
-header {
-  position: absolute;
-}
-
 .main-logo {
   height: 80px !important;
 }