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; | 
