2018-11-23 15:23:41 -08:00
|
|
|
// @flow
|
2019-02-04 20:41:45 -08:00
|
|
|
|
2019-02-16 19:34:12 -08:00
|
|
|
import DashboardIconDark from '../assets/images/dashboard_icon_dark.svg';
|
|
|
|
import DashboardIconLight from '../assets/images/dashboard_icon_light.svg';
|
2018-12-12 11:04:04 -08:00
|
|
|
import DashboardIconActive from '../assets/images/dashboard_icon_active.svg';
|
2019-02-16 19:34:12 -08:00
|
|
|
import ConsoleIconDark from '../assets/images/console_icon_dark.svg';
|
|
|
|
import ConsoleIconLight from '../assets/images/console_icon_light.svg';
|
2018-12-12 11:04:04 -08:00
|
|
|
import ConsoleIconActive from '../assets/images/console_icon_active.svg';
|
2019-02-16 19:34:12 -08:00
|
|
|
import SendIconDark from '../assets/images/send_icon_dark.svg';
|
|
|
|
import SendIconLight from '../assets/images/send_icon_light.svg';
|
2018-12-12 11:04:04 -08:00
|
|
|
import SendIconActive from '../assets/images/send_icon_active.svg';
|
2019-02-16 19:34:12 -08:00
|
|
|
import ReceiveIconDark from '../assets/images/receive_icon_dark.svg';
|
|
|
|
import ReceiveIconLight from '../assets/images/receive_icon_light.svg';
|
2018-12-12 11:04:04 -08:00
|
|
|
import ReceiveIconActive from '../assets/images/receive_icon_active.svg';
|
2019-02-16 19:34:12 -08:00
|
|
|
import TransactionsIconDark from '../assets/images/transactions_icon_dark.svg';
|
|
|
|
import TransactionsIconLight from '../assets/images/transactions_icon_light.svg';
|
2018-12-12 11:04:04 -08:00
|
|
|
import TransactionsIconActive from '../assets/images/transactions_icon_active.svg';
|
2019-02-16 19:34:12 -08:00
|
|
|
import SettingsIconDark from '../assets/images/settings_icon_dark.svg';
|
|
|
|
import SettingsIconLight from '../assets/images/settings_icon_light.svg';
|
2018-12-12 11:04:04 -08:00
|
|
|
import SettingsIconActive from '../assets/images/settings_icon_active.svg';
|
2018-11-23 15:23:41 -08:00
|
|
|
|
|
|
|
import {
|
2018-12-11 15:43:09 -08:00
|
|
|
DASHBOARD_ROUTE,
|
|
|
|
SEND_ROUTE,
|
|
|
|
RECEIVE_ROUTE,
|
|
|
|
SETTINGS_ROUTE,
|
|
|
|
CONSOLE_ROUTE,
|
|
|
|
TRANSACTIONS_ROUTE,
|
2018-11-23 15:23:41 -08:00
|
|
|
} from './routes';
|
2019-02-16 19:34:12 -08:00
|
|
|
import { LIGHT } from './themes';
|
2018-11-23 15:23:41 -08:00
|
|
|
|
|
|
|
export const MENU_OPTIONS = [
|
|
|
|
{
|
|
|
|
label: 'Dashboard',
|
|
|
|
route: DASHBOARD_ROUTE,
|
2019-02-16 19:34:12 -08:00
|
|
|
icon: (isActive: boolean, themeMode: string) => {
|
|
|
|
if (themeMode === LIGHT) {
|
|
|
|
return DashboardIconLight;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (isActive) ? DashboardIconActive : DashboardIconDark;
|
|
|
|
},
|
2018-11-23 15:23:41 -08:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Send',
|
|
|
|
route: SEND_ROUTE,
|
2019-02-16 19:34:12 -08:00
|
|
|
icon: (isActive: boolean, themeMode: string) => {
|
|
|
|
if (themeMode === LIGHT) {
|
|
|
|
return SendIconLight;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (isActive) ? SendIconActive : SendIconDark;
|
|
|
|
},
|
2018-11-23 15:23:41 -08:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Receive',
|
|
|
|
route: RECEIVE_ROUTE,
|
2019-02-16 19:34:12 -08:00
|
|
|
icon: (isActive: boolean, themeMode: string) => {
|
|
|
|
if (themeMode === LIGHT) {
|
|
|
|
return ReceiveIconLight;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (isActive) ? ReceiveIconActive : ReceiveIconDark;
|
|
|
|
},
|
2018-11-23 15:23:41 -08:00
|
|
|
},
|
2018-12-05 08:32:13 -08:00
|
|
|
{
|
2018-12-11 15:43:09 -08:00
|
|
|
label: 'Transactions',
|
|
|
|
route: TRANSACTIONS_ROUTE,
|
2019-02-16 19:34:12 -08:00
|
|
|
icon: (isActive: boolean, themeMode: string) => {
|
|
|
|
if (themeMode === LIGHT) {
|
|
|
|
return TransactionsIconLight;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (isActive) ? TransactionsIconActive : TransactionsIconDark;
|
|
|
|
},
|
2018-12-05 08:32:13 -08:00
|
|
|
},
|
2018-11-23 15:23:41 -08:00
|
|
|
{
|
|
|
|
label: 'Settings',
|
|
|
|
route: SETTINGS_ROUTE,
|
2019-02-16 19:34:12 -08:00
|
|
|
icon: (isActive: boolean, themeMode: string) => {
|
|
|
|
if (themeMode === LIGHT) {
|
|
|
|
return SettingsIconLight;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (isActive) ? SettingsIconActive : SettingsIconDark;
|
|
|
|
},
|
2018-12-12 11:04:04 -08:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Console',
|
|
|
|
route: CONSOLE_ROUTE,
|
2019-02-16 19:34:12 -08:00
|
|
|
icon: (isActive: boolean, themeMode: string) => {
|
|
|
|
if (themeMode === LIGHT) {
|
|
|
|
return ConsoleIconLight;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (isActive) ? ConsoleIconActive : ConsoleIconDark;
|
|
|
|
},
|
2018-11-23 15:23:41 -08:00
|
|
|
},
|
|
|
|
];
|