feature: update icons in sidebar constants
This commit is contained in:
parent
c812b33fab
commit
922c62eb38
|
@ -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),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
Loading…
Reference in New Issue