diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 03:20:27 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 03:20:27 +0800 |
commit | ceddc019853632f54dd803f5673e8688d38246ee (patch) | |
tree | dc051b66a060ecd141d64634ac060cbf3fedad40 /packages/website/ts/@next/pages/about/press.tsx | |
parent | 1955c846f27ee5830bfbff201237dae6dcc99e5d (diff) | |
download | dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.tar dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.tar.gz dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.tar.bz2 dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.tar.lz dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.tar.xz dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.tar.zst dexon-sol-tools-ceddc019853632f54dd803f5673e8688d38246ee.zip |
Type fixes
Diffstat (limited to 'packages/website/ts/@next/pages/about/press.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/about/press.tsx | 33 |
1 files changed, 20 insertions, 13 deletions
diff --git a/packages/website/ts/@next/pages/about/press.tsx b/packages/website/ts/@next/pages/about/press.tsx index 8cb6080a9..4ef043e80 100644 --- a/packages/website/ts/@next/pages/about/press.tsx +++ b/packages/website/ts/@next/pages/about/press.tsx @@ -7,14 +7,18 @@ import { Button } from 'ts/@next/components/button'; import { Column, FlexWrap } from 'ts/@next/components/newLayout'; import { Paragraph } from 'ts/@next/components/text'; -interface HighlightInterface { +interface HighlightProps { logo: string; title?: string; text: string; href: string; } -const highlights: HighlightInterface[] = [ +interface HighlightItemProps { + highlight: HighlightProps; +} + +const highlights: HighlightProps[] = [ { logo: '/images/@next/press/logo-forbes.png', title: 'Forbes', @@ -58,18 +62,21 @@ export const NextAboutPress = () => ( /> ); -const Highlight = ({ highlight }) => ( - <HighlightWrap> - <Column> - <img src={highlight.logo} alt={highlight.title} /> - </Column> +export const Highlight: React.FunctionComponent<HighlightItemProps> = (props: HighlightItemProps) => { + const { highlight } = props; + return ( + <HighlightWrap> + <Column> + <img src={highlight.logo} alt={highlight.title} /> + </Column> - <Column width="60%" maxWidth="560px"> - <Paragraph isMuted={false}>{highlight.text}</Paragraph> - <Button href={highlight.href} isWithArrow={true} isNoBorder={true}>Read Article</Button> - </Column> - </HighlightWrap> -); + <Column width="60%" maxWidth="560px"> + <Paragraph isMuted={false}>{highlight.text}</Paragraph> + <Button href={highlight.href} isWithArrow={true} isNoBorder={true}>Read Article</Button> + </Column> + </HighlightWrap> + ); +}; const HighlightWrap = styled(FlexWrap)` border-top: 1px solid #eaeaea; |