aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/CallbackPage.tsx2
-rw-r--r--src/pages/FormPage.tsx10
-rw-r--r--src/pages/LandingPage.tsx48
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;