diff options
Diffstat (limited to 'src/pages')
-rw-r--r-- | src/pages/CallbackPage.tsx | 2 | ||||
-rw-r--r-- | src/pages/FormPage.tsx | 10 | ||||
-rw-r--r-- | src/pages/LandingPage.tsx | 48 |
3 files changed, 30 insertions, 30 deletions
diff --git a/src/pages/CallbackPage.tsx b/src/pages/CallbackPage.tsx index 691a3e4..fab2086 100644 --- a/src/pages/CallbackPage.tsx +++ b/src/pages/CallbackPage.tsx @@ -2,7 +2,7 @@ import { jsx } from "@emotion/react"; import { useState } from "react"; -export default function CallbackPage() { +export default function CallbackPage(): JSX.Element { const [hasSent, setHasSent] = useState(false); const params = new URLSearchParams(location.search); diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx index 97ff24d..1805897 100644 --- a/src/pages/FormPage.tsx +++ b/src/pages/FormPage.tsx @@ -12,7 +12,7 @@ interface PathParams { id: string } -function FormPage() { +function FormPage(): JSX.Element { const { id } = useParams<PathParams>(); const [form, setForm] = useState<Form>(); @@ -20,11 +20,11 @@ function FormPage() { useEffect(() => { getForm(id).then(form => { setForm(form); - }) - }) + }); + }); if (!form) { - return <Loading/> + return <Loading/>; } return <div> @@ -33,7 +33,7 @@ function FormPage() { <h1>{form.description}</h1> <Link to="/" css={{color: "white"}}>Return home</Link> </div> - </div> + </div>; } export default FormPage; 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; |