From 1c5557279aec0e12a31409e052bf1f6d0ad287f2 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Fri, 15 Apr 2022 09:38:18 -0300
Subject: [PATCH] feat: add footer to the login page (#1012)

---
 site/src/pages/login.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/login.tsx b/site/src/pages/login.tsx
index ec475f8702..fdde9fcc61 100644
--- a/site/src/pages/login.tsx
+++ b/site/src/pages/login.tsx
@@ -2,6 +2,7 @@ import { makeStyles } from "@material-ui/core/styles"
 import { useActor } from "@xstate/react"
 import React, { useContext } from "react"
 import { Navigate, useLocation } from "react-router-dom"
+import { Footer } from "../components/Page/Footer"
 import { retrieveRedirect } from "../util/redirect"
 import { XServiceContext } from "../xServices/StateContext"
 import { SignInForm } from "./../components/SignIn"
@@ -13,6 +14,12 @@ export const useStyles = makeStyles((theme) => ({
     justifyContent: "center",
     alignItems: "center",
   },
+  layout: {
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(4),
+    alignItems: "center",
+  },
   container: {
     marginTop: theme.spacing(-8),
     minWidth: "320px",
@@ -38,8 +45,12 @@ export const SignInPage: React.FC = () => {
   } else {
     return (
       <div className={styles.root}>
-        <div className={styles.container}>
-          <SignInForm isLoading={isLoading} authErrorMessage={authErrorMessage} onSubmit={onSubmit} />
+        <div className={styles.layout}>
+          <div className={styles.container}>
+            <SignInForm isLoading={isLoading} authErrorMessage={authErrorMessage} onSubmit={onSubmit} />
+          </div>
+
+          <Footer />
         </div>
       </div>
     )