diff options
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')} `; |