diff options
author | 2021-01-03 05:47:07 +0300 | |
---|---|---|
committer | 2021-01-03 05:47:07 +0300 | |
commit | d664ddc9b84b25922239e3bbc253b35ea54f2533 (patch) | |
tree | f1892f7e9b0880826b28a503aea312a97b0ea3a2 /src/pages/LandingPage.tsx | |
parent | Adds EsLint (diff) |
Fixes Preexisting Linting Issues
Fixes all errors, and most warnings generated by eslint. Most were fixed
by eslint automatically such as indentation and quotes.
Signed-off-by: Hassan Abouelela <[email protected]>
Diffstat (limited to 'src/pages/LandingPage.tsx')
-rw-r--r-- | src/pages/LandingPage.tsx | 48 |
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; |