zecfoundation
/
zepio
mirror of https://github.com/ZcashFoundation/zepio.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feature: update icons in sidebar constants

This commit is contained in:
George Lima 2018-12-12 16:04:04 -03:00
parent c812b33fab
commit 922c62eb38
1 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/constants/sidebar.js
View File

@ -1,9 +1,16 @@
// @flow // @flow
import React from 'react'; import DashboardIcon from '../assets/images/dashboard_icon.svg';
import { FaThLarge, FaCode } from 'react-icons/fa'; import DashboardIconActive from '../assets/images/dashboard_icon_active.svg';
import { IoIosSend } from 'react-icons/io'; import ConsoleIcon from '../assets/images/console_icon.svg';
import { TiDownload } from 'react-icons/ti'; import ConsoleIconActive from '../assets/images/console_icon_active.svg';
import { MdSettings, MdTransform } from 'react-icons/md'; import SendIcon from '../assets/images/send_icon.svg';
import SendIconActive from '../assets/images/send_icon_active.svg';
import ReceiveIcon from '../assets/images/receive_icon.svg';
import ReceiveIconActive from '../assets/images/receive_icon_active.svg';
import TransactionsIcon from '../assets/images/transactions_icon.svg';
import TransactionsIconActive from '../assets/images/transactions_icon_active.svg';
import SettingsIcon from '../assets/images/settings_icon.svg';
import SettingsIconActive from '../assets/images/settings_icon_active.svg';
import { import {
DASHBOARD_ROUTE, DASHBOARD_ROUTE,
@ -18,31 +25,31 @@ export const MENU_OPTIONS = [
{ {
label: 'Dashboard', label: 'Dashboard',
route: DASHBOARD_ROUTE, route: DASHBOARD_ROUTE,
icon: <FaThLarge />, icon: (isActive: boolean) => (isActive ? DashboardIconActive : DashboardIcon),
},
{
label: 'Console',
route: CONSOLE_ROUTE,
icon: <FaCode />,
}, },
{ {
label: 'Send', label: 'Send',
route: SEND_ROUTE, route: SEND_ROUTE,
icon: <IoIosSend />, icon: (isActive: boolean) => (isActive ? SendIconActive : SendIcon),
}, },
{ {
label: 'Receive', label: 'Receive',
route: RECEIVE_ROUTE, route: RECEIVE_ROUTE,
icon: <TiDownload />, icon: (isActive: boolean) => (isActive ? ReceiveIconActive : ReceiveIcon),
}, },
{ {
label: 'Transactions', label: 'Transactions',
route: TRANSACTIONS_ROUTE, route: TRANSACTIONS_ROUTE,
icon: <MdTransform />, icon: (isActive: boolean) => (isActive ? TransactionsIconActive : TransactionsIcon),
}, },
{ {
label: 'Settings', label: 'Settings',
route: SETTINGS_ROUTE, route: SETTINGS_ROUTE,
icon: <MdSettings />, icon: (isActive: boolean) => (isActive ? SettingsIconActive : SettingsIcon),
},
{
label: 'Console',
route: CONSOLE_ROUTE,
icon: (isActive: boolean) => (isActive ? ConsoleIconActive : ConsoleIcon),
}, },
]; ];