diff options
| author |  Joe Banks <[email protected]> | 2020-09-30 21:25:05 +0100 |
|---|---|---|
| committer | Joe Banks <[email protected]> | 2020-09-30 21:25:05 +0100 |
| commit | c47296a2b5e4bbc90df808ec751be58822490d51 (patch) | |
| tree | c96f4c9bc75a6b50360eadaecba956df7225737b /src/components | |
| parent | Merge pull request #13 from python-discord/animation/scale-transition-effect (diff) | |
Add dummy form data for fetching form listings
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FormListing.tsx | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/FormListing.tsx b/src/components/FormListing.tsx index 09b3134..dc761b6 100644 --- a/src/components/FormListing.tsx +++ b/src/components/FormListing.tsx @@ -9,15 +9,15 @@ import Tag from "./Tag"; import colors from "../colors"; +import { Form } from "../api/forms"; + interface FormListingProps { - title: string, - description: string, - open: boolean + form: Form } -function FormListing(props: FormListingProps) { +function FormListing({ form }: FormListingProps) { const listingStyle = css` - background-color: ${props.open ? colors.success : colors.darkButNotBlack}; + background-color: ${form.open ? colors.success : colors.darkButNotBlack}; width: 60%; padding: 20px; margin-top: 20px; @@ -39,14 +39,14 @@ function FormListing(props: FormListingProps) { let closedTag; - if (!props.open) { + if (!form.open) { closedTag = <Tag text="CLOSED" color={colors.error}/> }; return <Link to="/form" css={listingStyle}> <div> - <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{props.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3> - <p css={{marginTop: "5px"}}>{props.description}</p> + <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{form.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3> + <p css={{marginTop: "5px"}}>{form.description}</p> </div> </Link> } |