1 files changed, 24 insertions, 24 deletions
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index 1320c14..124bbcf 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -9,40 +9,40 @@ import { getForms, Form } from "../api/forms";
 import OAuth2Button from "../components/OAuth2Button";
 import Loading from "../components/Loading";
 
-function LandingPage() {
-  const [forms, setForms] = useState<Form[]>();
-
-  useEffect(() => {
-    const fetchForms = async () => {
-      setForms(await getForms());
+function LandingPage(): JSX.Element {
+    const [forms, setForms] = useState<Form[]>();
+
+    useEffect(() => {
+        const fetchForms = async () => {
+            setForms(await getForms());
+        };
+        fetchForms();
+    }, []);
+
+    if (!forms) {
+        return <Loading/>;
     }
-    fetchForms();
-  }, []);
-
-  if (!forms) {
-    return <Loading/>;
-  }
 
-  return <div>
-    <HeaderBar/>
-    <div>
+    return <div>
+        <HeaderBar/>
+        <div>
 
-      <div css={css`
+            <div css={css`
         display: flex;
         align-items: center;
         flex-direction: column;
       `}>
-        <h1>Available Forms</h1>
+                <h1>Available Forms</h1>
 
-        <OAuth2Button/>
+                <OAuth2Button/>
 
 
-        {forms.map(form => (
-          <FormListing key={form.id} form={form}/>
-        ))}
-      </div>
-    </div>
-  </div>
+                {forms.map(form => (
+                    <FormListing key={form.id} form={form}/>
+                ))}
+            </div>
+        </div>
+    </div>;
 }
 
 export default LandingPage;