diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-12 05:17:40 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-18 02:02:55 +0800 |
commit | ef1e9743465d40cb3a2c3a1479155437694951b9 (patch) | |
tree | 2ef26bfa8b220521b4d0232221da25e1bc9b5f96 /packages/website/ts/components/portal/portal_menu.tsx | |
parent | 55d1228abb308e27c913b0f717bac7c4395ec08c (diff) | |
download | dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.tar dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.tar.gz dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.tar.bz2 dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.tar.lz dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.tar.xz dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.tar.zst dexon-sol-tools-ef1e9743465d40cb3a2c3a1479155437694951b9.zip |
Back button and title components
Diffstat (limited to 'packages/website/ts/components/portal/portal_menu.tsx')
-rw-r--r-- | packages/website/ts/components/portal/portal_menu.tsx | 29 |
1 files changed, 12 insertions, 17 deletions
diff --git a/packages/website/ts/components/portal/portal_menu.tsx b/packages/website/ts/components/portal/portal_menu.tsx index 33835fd98..e073596e2 100644 --- a/packages/website/ts/components/portal/portal_menu.tsx +++ b/packages/website/ts/components/portal/portal_menu.tsx @@ -17,39 +17,34 @@ interface MenuItemEntry { const menuItemEntries: MenuItemEntry[] = [ { - to: `${WebsitePaths.Portal}`, - labelText: 'Generate order', - iconName: 'zmdi-arrow-right-top', - }, - { - to: `${WebsitePaths.Portal}/fill`, - labelText: 'Fill order', - iconName: 'zmdi-arrow-left-bottom', - }, - { - to: `${WebsitePaths.Portal}/balances`, - labelText: 'Balances', + to: `${WebsitePaths.Portal}/account`, + labelText: 'Account Overview', iconName: 'zmdi-balance-wallet', }, { to: `${WebsitePaths.Portal}/trades`, - labelText: 'Trade History', + labelText: 'Trade history', iconName: 'zmdi-format-list-bulleted', }, { to: `${WebsitePaths.Portal}/weth`, - labelText: 'Wrap ETH', + labelText: 'Wrapped ETH', iconName: 'zmdi-circle-o', }, + { + to: `${WebsitePaths.Portal}/direct`, + labelText: 'Trade direct', + iconName: 'zmdi-swap', + }, ]; const DEFAULT_LABEL_COLOR = colors.darkerGrey; const DEFAULT_ICON_COLOR = colors.darkerGrey; -const SELECTED_ICON_COLOR = colors.yellow800; +const SELECTED_ICON_COLOR = colors.yellow900; export const PortalMenu: React.StatelessComponent<PortalMenuProps> = (props: PortalMenuProps) => { return ( - <div> + <div style={{ paddingLeft: 185 }}> {_.map(menuItemEntries, entry => { const selected = entry.to === props.selectedPath; return ( @@ -80,7 +75,7 @@ const PortalMenuItemLabel: React.StatelessComponent<PortalMenuItemLabelProps> = }; return ( <div className="flex"> - <div className="pr1 pl2"> + <div className="pr1"> <i style={styles.iconStyle} className={`zmdi ${props.iconName}`} /> </div> <div className="pl1" style={styles.textStyle}> |