aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-10 22:43:15 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-10 22:43:31 +0800
commit934117bfe4c7ecde3e346d58218b5600d66da15e (patch)
tree2fac84cd00786de062c468712d99ce4c68fe0885 /packages/website/ts
parent7c33f94836d8b1057ad0753beda460c444933180 (diff)
downloaddexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.tar
dexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.tar.gz
dexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.tar.bz2
dexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.tar.lz
dexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.tar.xz
dexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.tar.zst
dexon-sol-tools-934117bfe4c7ecde3e346d58218b5600d66da15e.zip
Refactor positions
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/pages/about/jobs.tsx75
1 files changed, 51 insertions, 24 deletions
diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index 42ff75007..c3fec8e2b 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -1,13 +1,61 @@
import * as React from 'react';
+import * as _ from 'lodash';
import { Link as ReactRouterLink } from 'react-router-dom';
import styled from 'styled-components';
import { ChapterLink } from 'ts/@next/components/chapter_link';
import { Column, Section, Wrap } from 'ts/@next/components/layout';
import { Link } from 'ts/@next/components/link';
+import { Separator } from 'ts/@next/components/separator';
import { SiteWrap } from 'ts/@next/components/siteWrap';
import { Heading, Paragraph } from 'ts/@next/components/text';
+interface PositionInterface {
+ title: string;
+ location: string;
+ href: string;
+}
+
+const positions: PositionInterface[] = [
+ {
+ title: 'Product Designer',
+ location: 'San Francisco, Remote',
+ href: '#',
+ },
+ {
+ title: 'Product Designer',
+ location: 'San Francisco, Remote',
+ href: '#',
+ },
+ {
+ title: 'Product Designer',
+ location: 'San Francisco, Remote',
+ href: '#',
+ },
+ {
+ title: 'Open Positition',
+ location: "We're always interested in talking to talented people. Send us an application if you think you're the right fit.",
+ href: '#',
+ },
+];
+
+const Position = ({ position }) => (
+ <>
+ <Wrap>
+ <Column colWidth="1/3">
+ <Heading size="small">{position.title}</Heading>
+ </Column>
+ <Column colWidth="1/3">
+ <Paragraph isMuted={true}>{position.location}</Paragraph>
+ </Column>
+ <Column colWidth="1/3">
+ <Paragraph><Link href={position.href}>Apply</Link></Paragraph>
+ </Column>
+ </Wrap>
+ <Separator/>
+ </>
+);
+
export const NextAboutJobs = () => (
<SiteWrap theme="light">
<Section>
@@ -73,6 +121,8 @@ export const NextAboutJobs = () => (
</Wrap>
</Section>
+ <Separator/>
+
<Section>
<Wrap>
<Column colWidth="1/3">
@@ -80,30 +130,7 @@ export const NextAboutJobs = () => (
</Column>
<Column colWidth="2/3">
- <Wrap>
- <Column colWidth="1/3">
- <Heading size="small">Product Designer</Heading>
- </Column>
- <Column colWidth="1/3">
- <Paragraph isMuted={true}>San Francisco, Remote</Paragraph>
- </Column>
- <Column colWidth="1/3">
- <Paragraph><Link href="#">Apply</Link></Paragraph>
- </Column>
- </Wrap>
- <Wrap>
- <Column colWidth="1/3">
- <Heading size="small">Open Positition</Heading>
- </Column>
- <Column colWidth="1/3">
- <Paragraph isMuted={true}>
- We're always interested in talking to talented people. Send us an application if you think you're the right fit.
- </Paragraph>
- </Column>
- <Column colWidth="1/3">
- <Paragraph><Link href="#">Apply</Link></Paragraph>
- </Column>
- </Wrap>
+ {_.map(positions, (position, index) => <Position key={`position-${index}`} position={position} /> )}
</Column>
</Wrap>
</Section>