diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 23:39:03 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 23:39:19 +0800 |
| commit | 81690d1ce508fc40ab90aff3539359efe7a93dba (patch) | |
| tree | 4b1a0264785eaae52245845021aa1ae7ff4e1209 /packages/website/ts/@next/components/aboutPageLayout.tsx | |
| parent | f846e2f6e07bdcfc410e44c86528ba1cefe94810 (diff) | |
| download | dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.tar dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.tar.gz dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.tar.bz2 dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.tar.lz dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.tar.xz dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.tar.zst dexon-sol-tools-81690d1ce508fc40ab90aff3539359efe7a93dba.zip | |
Removes <Link> component, clean up Button.tsx
Diffstat (limited to 'packages/website/ts/@next/components/aboutPageLayout.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/aboutPageLayout.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx index 2d871ac71..a5e8df7e8 100644 --- a/packages/website/ts/@next/components/aboutPageLayout.tsx +++ b/packages/website/ts/@next/components/aboutPageLayout.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import styled from 'styled-components'; -import { Link } from 'ts/@next/components/button'; +import { Button } from 'ts/@next/components/button'; import { ChapterLink } from 'ts/@next/components/chapter_link'; import { Column, Section } from 'ts/@next/components/newLayout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; @@ -37,9 +37,12 @@ export const AboutPageLayout = (props: Props) => ( </AnimatedParagraph> {(props.linkLabel && props.linkUrl) && - <AnimatedLink href={props.linkUrl} isNoBorder={true} isWithArrow={true}> + <AnimatedLink + to={props.linkUrl} + isWithArrow={true} + > {props.linkLabel} - </AnimatedLink> + </AnimatedLink> } </Column> </Column> @@ -57,6 +60,6 @@ const AnimatedParagraph = styled(Paragraph)` ${addFadeInAnimation('0.5s', '0.15s')} `; -const AnimatedLink = styled(Link)` +const AnimatedLink = styled(Button)` ${addFadeInAnimation('0.6s', '0.3s')} `; |