diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-11 10:49:40 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 01:41:08 +0800 |
commit | c52d5e108434f857f79926723732522ee38f6a91 (patch) | |
tree | 66a81ba1f42102532931a166a985de941ba5e6e0 /packages/website/ts/pages/jobs/bulleted_item_list.tsx | |
parent | b7bb27fa2135aa87a91667639920eb0c2db4cb85 (diff) | |
download | dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.tar dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.tar.gz dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.tar.bz2 dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.tar.lz dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.tar.xz dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.tar.zst dexon-sol-tools-c52d5e108434f857f79926723732522ee38f6a91.zip |
Refactor into BulletedItemList component
Diffstat (limited to 'packages/website/ts/pages/jobs/bulleted_item_list.tsx')
-rw-r--r-- | packages/website/ts/pages/jobs/bulleted_item_list.tsx | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/packages/website/ts/pages/jobs/bulleted_item_list.tsx b/packages/website/ts/pages/jobs/bulleted_item_list.tsx new file mode 100644 index 000000000..108f31e00 --- /dev/null +++ b/packages/website/ts/pages/jobs/bulleted_item_list.tsx @@ -0,0 +1,30 @@ +import { colors } from '@0xproject/react-shared'; +import * as _ from 'lodash'; +import * as React from 'react'; + +import { BulletedItem, BulletedItemProps } from 'ts/pages/jobs/bulleted_item'; + +export interface BulletedItemListProps { + headerText: string; + bulletedItems: BulletedItemProps[]; +} +export const BulletedItemList = (props: BulletedItemListProps) => { + return ( + <div className="mx-auto max-width-4"> + <div className="h2 lg-py4 md-py4 sm-py3" style={{ paddingLeft: 90, fontFamily: 'Roboto Mono' }}> + {props.headerText} + </div> + <div className="px2"> + {_.map(props.bulletedItems, bulletedItemProps => { + return ( + <BulletedItem + bulletColor={bulletedItemProps.bulletColor} + title={bulletedItemProps.title} + description={bulletedItemProps.description} + /> + ); + })} + </div> + </div> + ); +}; |