diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-03 21:43:43 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-03 21:43:43 +0800 |
commit | 03962352df55fc4f6062b0764ea5987ca6dce97e (patch) | |
tree | fa94348a81ce92f5ff07fd41ba37bb3e0c4ad3ca | |
parent | 1c03c9168b1f1ed64c199190346284f030a79510 (diff) | |
download | dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.tar dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.gz dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.bz2 dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.lz dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.xz dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.zst dexon-sol-tools-03962352df55fc4f6062b0764ea5987ca6dce97e.zip |
Updated sublinks on about
-rw-r--r-- | packages/website/ts/@next/pages/about/jobs.tsx | 11 | ||||
-rw-r--r-- | packages/website/ts/@next/pages/about/mission.tsx | 15 | ||||
-rw-r--r-- | packages/website/ts/@next/pages/about/team.tsx | 13 |
3 files changed, 21 insertions, 18 deletions
diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx index e650408c8..740bd090e 100644 --- a/packages/website/ts/@next/pages/about/jobs.tsx +++ b/packages/website/ts/@next/pages/about/jobs.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import styled from 'styled-components'; +import { Link as ReactRouterLink } from 'react-router-dom'; import { colors } from 'ts/style/colors'; @@ -18,10 +19,10 @@ export const NextAboutJobs = () => ( <Section> <Wrap> <Column colWidth="1/3"> - <ChapterLink href="#">Our Mission</ChapterLink> - <ChapterLink href="#">Team</ChapterLink> - <ChapterLink href="#">Press</ChapterLink> - <ChapterLink href="#">Jobs</ChapterLink> + <ChapterLink to="/next/about/mission">Our Mission</ChapterLink> + <ChapterLink to="/next/about/team">Team</ChapterLink> + <ChapterLink to="/next/about/press">Press</ChapterLink> + <ChapterLink to="/next/about/jobs">Jobs</ChapterLink> </Column> <Column colWidth="2/3"> <Heading size="medium">Creating a tokenized world where all value can flow freely.</Heading> @@ -79,7 +80,7 @@ export const NextAboutJobs = () => ( </SiteWrap> ); -const ChapterLink = styled.a` +const ChapterLink = styled(ReactRouterLink)` font-size: 1.222222222rem; display: block; opacity: 0.8; diff --git a/packages/website/ts/@next/pages/about/mission.tsx b/packages/website/ts/@next/pages/about/mission.tsx index b85a4e91e..fd52d1a16 100644 --- a/packages/website/ts/@next/pages/about/mission.tsx +++ b/packages/website/ts/@next/pages/about/mission.tsx @@ -1,27 +1,28 @@ import * as React from 'react'; import styled from 'styled-components'; +import { Link as ReactRouterLink } from 'react-router-dom'; import { colors } from 'ts/style/colors'; +import { Image } from 'ts/@next/components/image'; import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; import { Heading, Paragraph } from 'ts/@next/components/text'; -import { Image } from 'ts/@next/components/image'; import CoinIcon from 'ts/@next/icons/illustrations/coin.svg'; import ConsistentlyShipIcon from 'ts/@next/icons/illustrations/consistently-ship.svg'; -import RightThingIcon from 'ts/@next/icons/illustrations/right-thing.svg'; import LongTermImpactIcon from 'ts/@next/icons/illustrations/long-term-impact.svg'; +import RightThingIcon from 'ts/@next/icons/illustrations/right-thing.svg'; export const NextAboutMission = () => ( <SiteWrap theme="light"> <Section> <Wrap> <Column colWidth="1/3"> - <ChapterLink href="#">Our Mission</ChapterLink> - <ChapterLink href="#">Team</ChapterLink> - <ChapterLink href="#">Press</ChapterLink> - <ChapterLink href="#">Jobs</ChapterLink> + <ChapterLink to="/next/about/mission">Our Mission</ChapterLink> + <ChapterLink to="/next/about/team">Team</ChapterLink> + <ChapterLink to="/next/about/press">Press</ChapterLink> + <ChapterLink to="/next/about/jobs">Jobs</ChapterLink> </Column> <Column colWidth="2/3"> <Heading size="medium">Creating a tokenized world where all value can flow freely.</Heading> @@ -79,7 +80,7 @@ export const NextAboutMission = () => ( </SiteWrap> ); -const ChapterLink = styled.a` +const ChapterLink = styled(ReactRouterLink)` font-size: 1.222222222rem; display: block; opacity: 0.8; diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx index 0c6341981..be79c36b9 100644 --- a/packages/website/ts/@next/pages/about/team.tsx +++ b/packages/website/ts/@next/pages/about/team.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import styled from 'styled-components'; +import { Link as ReactRouterLink } from 'react-router-dom'; import { colors } from 'ts/style/colors'; @@ -10,8 +11,8 @@ import { Image } from 'ts/@next/components/image'; import CoinIcon from 'ts/@next/icons/illustrations/coin.svg'; import ConsistentlyShipIcon from 'ts/@next/icons/illustrations/consistently-ship.svg'; -import RightThingIcon from 'ts/@next/icons/illustrations/right-thing.svg'; import LongTermImpactIcon from 'ts/@next/icons/illustrations/long-term-impact.svg'; +import RightThingIcon from 'ts/@next/icons/illustrations/right-thing.svg'; interface TeamMember { name: string; @@ -98,10 +99,10 @@ export const NextAboutTeam = () => ( <Section> <Wrap> <Column colWidth="1/3"> - <ChapterLink href="#">Our Mission</ChapterLink> - <ChapterLink href="#">Team</ChapterLink> - <ChapterLink href="#">Press</ChapterLink> - <ChapterLink href="#">Jobs</ChapterLink> + <ChapterLink to="/next/about/mission">Our Mission</ChapterLink> + <ChapterLink to="/next/about/team">Team</ChapterLink> + <ChapterLink to="/next/about/press">Press</ChapterLink> + <ChapterLink to="/next/about/jobs">Jobs</ChapterLink> </Column> <Column colWidth="2/3"> <Heading size="medium">We are a global, growing team</Heading> @@ -141,7 +142,7 @@ export const NextAboutTeam = () => ( </SiteWrap> ); -const ChapterLink = styled.a` +const ChapterLink = styled(ReactRouterLink)` font-size: 1.222222222rem; display: block; opacity: 0.8; |