@@ -2,6 +2,7 @@ import { makeStyles } from "@material-ui/core/styles"
22import { useActor } from "@xstate/react"
33import React , { useContext } from "react"
44import { Navigate , useLocation } from "react-router-dom"
5+ import { Footer } from "../components/Page/Footer"
56import { retrieveRedirect } from "../util/redirect"
67import { XServiceContext } from "../xServices/StateContext"
78import { SignInForm } from "./../components/SignIn"
@@ -13,6 +14,12 @@ export const useStyles = makeStyles((theme) => ({
1314justifyContent :"center" ,
1415alignItems :"center" ,
1516} ,
17+ layout :{
18+ display :"flex" ,
19+ flexDirection :"column" ,
20+ gap :theme . spacing ( 4 ) ,
21+ alignItems :"center" ,
22+ } ,
1623container :{
1724marginTop :theme . spacing ( - 8 ) ,
1825minWidth :"320px" ,
@@ -38,8 +45,12 @@ export const SignInPage: React.FC = () => {
3845} else {
3946return (
4047< div className = { styles . root } >
41- < div className = { styles . container } >
42- < SignInForm isLoading = { isLoading } authErrorMessage = { authErrorMessage } onSubmit = { onSubmit } />
48+ < div className = { styles . layout } >
49+ < div className = { styles . container } >
50+ < SignInForm isLoading = { isLoading } authErrorMessage = { authErrorMessage } onSubmit = { onSubmit } />
51+ </ div >
52+
53+ < Footer />
4354</ div >
4455</ div >
4556)