voucher/resources/js/Layouts/Partials/routes.js

import {
    HiChartPie,
    HiUser,
    HiUsers,
    HiUserGroup,
    HiInformationCircle,
    HiCog,
} from 'react-icons/hi'
import {
    HiBanknotes,
    HiCheckBadge,
    HiCreditCard,
    HiCurrencyDollar,
    HiMap,
    HiOutlineCurrencyDollar,
    HiOutlineGlobeAlt,
    HiQuestionMarkCircle,
    HiTicket,
    HiUserCircle,
} from 'react-icons/hi2'

export default [
    {
        name: 'Dashboard',
        show: true,
        icon: HiChartPie,
        route: route('dashboard'),
        active: 'dashboard',
        permission: 'view-dashboard',
    },
    {
        name: 'Lokasi',
        show: true,
        icon: HiMap,
        route: route('location.index'),
        active: 'location.*',
        permission: 'view-location',
    },
    {
        name: 'Voucher',
        show: true,
        icon: HiTicket,
        route: route('voucher.index'),
        active: 'voucher.*',
        permission: 'view-voucher',
    },
    {
        name: 'Sale', //TODO
        show: true,
        icon: HiCreditCard,
        route: route('deposit.index'),
        active: 'deposit.*',
        permission: 'view-deposit',
    },
    {
        name: 'Deposit',
        show: true,
        icon: HiCurrencyDollar,
        route: route('deposit.index'),
        active: 'deposit.*',
        permission: 'view-deposit',
    },
    {
        name: 'Coin Rewards', //TODO
        show: true,
        icon: HiOutlineCurrencyDollar,
        route: route('voucher.index'),
        active: 'voucher.*',
        permission: 'view-voucher',
    },
    {
        name: 'Front Home',
        show: true,
        icon: HiOutlineGlobeAlt,
        items: [
            {
                name: 'Banner',
                show: true,
                icon: HiInformationCircle,
                route: route('banner.index'),
                active: 'banner.*',
                permission: 'view-banner',
            },
            {
                name: 'Info',
                show: true,
                icon: HiQuestionMarkCircle,
                route: route('info.index'),
                active: 'info.index',
                permission: 'view-info',
            },
        ],
    },

    {
        name: 'Customer',
        show: true,
        icon: HiUser,
        items: [
            {
                name: 'Verification', //TODO
                show: true,
                icon: HiCheckBadge,
                route: route('customer.index'),
                active: 'customer.*',
                permission: 'view-customer',
            },
            {
                name: 'Customer',
                show: true,
                icon: HiUserCircle,
                route: route('customer.index'),
                active: 'customer.*',
                permission: 'view-customer',
            },
            {
                name: 'Level',
                show: true,
                icon: HiUserCircle,
                route: route('customer-level.index'),
                active: 'customer-level.*',
                permission: 'view-customer-level',
            },
        ],
    },
    {
        name: 'User',
        show: true,
        icon: HiUser,
        items: [
            {
                name: 'Roles',
                show: true,
                icon: HiUserGroup,
                route: route('roles.index'),
                active: 'roles.*',
                permission: 'view-role',
            },
            {
                name: 'Users',
                show: true,
                icon: HiUsers,
                route: route('user.index'),
                active: 'user.index',
                permission: 'view-user',
            },
        ],
    },
    {
        name: 'Bank Akun',
        show: true,
        icon: HiBanknotes,
        route: route('account.index'),
        active: 'account.*',
        permission: 'view-account',
    },
    {
        name: 'Setting',
        show: true,
        icon: HiCog,
        route: route('setting.index'),
        active: 'setting.*',
        permission: 'view-setting',
    },
]