aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-03 21:43:43 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-03 21:43:43 +0800
commit03962352df55fc4f6062b0764ea5987ca6dce97e (patch)
treefa94348a81ce92f5ff07fd41ba37bb3e0c4ad3ca /packages/website/ts/@next/pages
parent1c03c9168b1f1ed64c199190346284f030a79510 (diff)
downloaddexon-0x-contracts-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.gz
dexon-0x-contracts-03962352df55fc4f6062b0764ea5987ca6dce97e.tar.zst
dexon-0x-contracts-03962352df55fc4f6062b0764ea5987ca6dce97e.zip
Updated sublinks on about
Diffstat (limited to 'packages/website/ts/@next/pages')
-rw-r--r--packages/website/ts/@next/pages/about/jobs.tsx11
-rw-r--r--packages/website/ts/@next/pages/about/mission.tsx15
-rw-r--r--packages/website/ts/@next/pages/about/team.tsx13
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;