diff options
| author |  Hassan Abouelela <[email protected]> | 2022-07-19 13:58:34 +0200 |
|---|---|---|
| committer | Hassan Abouelela <[email protected]> | 2022-07-19 13:58:34 +0200 |
| commit | 191581e287f78ba325fdd7681c83586309b59df2 (patch) | |
| tree | 72331f121c3d5baa6f449e6c1ad362a98d35b5c8 /src/pages/FormPage/SuccessPage.tsx | |
| parent | Clear Authorization On Error (diff) | |
Simplify Navigation Component
Extract the styles from the navigation component to common styles, and
convert it to a function component.
Signed-off-by: Hassan Abouelela <[email protected]>
Diffstat (limited to 'src/pages/FormPage/SuccessPage.tsx')
| -rw-r--r-- | src/pages/FormPage/SuccessPage.tsx | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/src/pages/FormPage/SuccessPage.tsx b/src/pages/FormPage/SuccessPage.tsx index e35bd4d..e83ca0d 100644 --- a/src/pages/FormPage/SuccessPage.tsx +++ b/src/pages/FormPage/SuccessPage.tsx @@ -4,9 +4,7 @@ import {Link} from "react-router-dom"; import {Form} from "../../api/forms"; import HeaderBar from "../../components/HeaderBar"; -import {unselectable} from "../../commonStyles"; - -import Navigation from "./Navigation"; +import {returnButtonStyles, navigationStyles, unselectable, mainTextStyles} from "../../commonStyles"; interface SuccessProps { @@ -34,10 +32,10 @@ export default function Success(props: SuccessProps): JSX.Element { return ( <div> <HeaderBar title={props.form.name} description={props.form.description}/> - <div css={[unselectable, Navigation.containerStyles, divStyle]}> + <div css={[unselectable, mainTextStyles, divStyle]}> <h3 css={thanksStyle}>{submitted_text}</h3> - <div className={"return_button closed"}> - <Link to="/" css={Navigation.returnStyles}>Return Home</Link> + <div css={navigationStyles}> + <Link to="/" css={returnButtonStyles}>Return Home</Link> </div> </div> </div> |