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