Add footer to soumet page

pages/soumet.js

@@ -3,11 +3,13 @@ import PropTypes from 'prop-types'
 import {useSession} from 'next-auth/react'
 import MuiAlert from '@mui/material/Alert'
 import Snackbar from '@mui/material/Snackbar'
+import Box from '@mui/material/Box'
 
 import HeadLayout from '../components/head-layout'
 import Koneksyon from '../components/sesyon/koneksyon'
 import Dekoneksyon from '../components/sesyon/dekoneksyon'
 import EkriTeks from '../components/soumet/ekri-teks'
+import Footer from '../components/footer'
 
 import {jwennTeksEpiUserId, jwennUser} from '../lib/oki-api'
 import NewPassword from '../components/password/new-password'
@@ -69,33 +71,38 @@ export default function Soumet({code}) {
 
   return (
     <HeadLayout title='Soumèt - Soumettre un texte' tab={3} slug='soumet'>
-      {!session && !code && (
-        <Koneksyon
-          chimen='/soumet'
-        />
-      )}
+      <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
+        <Box sx={{flexGrow: 1, marginTop: 1, marginBottom: 10}}>
+          {!session && !code && (
+            <Koneksyon
+              chimen='/soumet'
+            />
+          )}
 
-      {!session && code && (
-        <NewPassword code={code} />
-      )}
-      {session && session.user && (
-        <>
-          <Dekoneksyon position='absolute' top={95} left={5} chimen='/soumet' />
-          <EkriTeks session={session} teks={teksEpiUserId} />
-        </>
-      )}
-      {session && !session.user && (
-        <Dekoneksyon position='absolute' top={95} left={5} chimen='/soumet' />
-      )}
-      {username && (
-        <Snackbar
-          open={open}
-          autoHideDuration={10_000}
-          onClose={handleClose}
-        >
-          <Alert severity='success' onClose={handleClose}><strong>Bonjour {username}, votre compte a été activé avec succès. Vous pouvez vous connecter.</strong></Alert>
-        </Snackbar>
-      )}
+          {!session && code && (
+            <NewPassword code={code} />
+          )}
+          {session && session.user && (
+            <>
+              <Dekoneksyon position='absolute' top={95} left={5} chimen='/soumet' />
+              <EkriTeks session={session} teks={teksEpiUserId} />
+            </>
+          )}
+          {session && !session.user && (
+            <Dekoneksyon position='absolute' top={95} left={5} chimen='/soumet' />
+          )}
+          {username && (
+            <Snackbar
+              open={open}
+              autoHideDuration={10_000}
+              onClose={handleClose}
+            >
+              <Alert severity='success' onClose={handleClose}><strong>Bonjour {username}, votre compte a été activé avec succès. Vous pouvez vous connecter.</strong></Alert>
+            </Snackbar>
+          )}
+        </Box>
+        <Footer />
+      </Box>
     </HeadLayout>
   )
 }