@@ -2,6 +2,7 @@ import { makeStyles } from "@material-ui/core/styles"
2
2
import { useActor } from "@xstate/react"
3
3
import React , { useContext } from "react"
4
4
import { Navigate , useLocation } from "react-router-dom"
5
+ import { Footer } from "../components/Page/Footer"
5
6
import { retrieveRedirect } from "../util/redirect"
6
7
import { XServiceContext } from "../xServices/StateContext"
7
8
import { SignInForm } from "./../components/SignIn"
@@ -13,6 +14,12 @@ export const useStyles = makeStyles((theme) => ({
13
14
justifyContent :"center" ,
14
15
alignItems :"center" ,
15
16
} ,
17
+ layout :{
18
+ display :"flex" ,
19
+ flexDirection :"column" ,
20
+ gap :theme . spacing ( 4 ) ,
21
+ alignItems :"center" ,
22
+ } ,
16
23
container :{
17
24
marginTop :theme . spacing ( - 8 ) ,
18
25
minWidth :"320px" ,
@@ -38,8 +45,12 @@ export const SignInPage: React.FC = () => {
38
45
} else {
39
46
return (
40
47
< 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 />
43
54
</ div >
44
55
</ div >
45
56
)