footer style fix

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>
     </>
   )
 }

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>
   )

src/styles/FourOuFour.module.scss

@@ -2,10 +2,6 @@ header {
   position: absolute;
 }
 
-footer {
-  display: none;
-}
-
 .main-logo {
   height: 80px !important;
 }