PNSPS-frontend-MaterialUI/src/routes/PublicUserRoutes.js

import { lazy } from 'react';

// project import
import Loadable from 'components/Loadable';
// import MainLayout from 'layout/MainLayout';
const MainLayout = Loadable(lazy(() => import('layout/MainLayout')));

// render - dashboard
const DashboardDefault = Loadable(lazy(() => import('pages/dashboard/Public')));
const ManageOrgUser = Loadable(lazy(() => import('pages/User/ManagePage_OrgPublic')));
const PublicNotice = Loadable(lazy(() => import('pages/PublicNotice/ListPanel')));
const PublicNoticeApplyForm = Loadable(lazy(() => import('pages/PublicNotice/ApplyForm')));
const PublicNoticeDetail = Loadable(lazy(() => import('pages/PublicNotice/Details_Public')));
const ProofReply = Loadable(lazy(() => import('pages/Proof/Reply_Public')));
const ProofSearch = Loadable(lazy(() => import('pages/Proof/Search_Public')));
const ProofPayment = Loadable(lazy(() => import('pages/Proof/Payment')));
const Payment_Multi = Loadable(lazy(() => import('pages/Payment')));
const Payment_FPS = Loadable(lazy(() => import('pages/Payment/FPS')));

// ==============================|| MAIN ROUTING ||============================== //

const PublicDashboard = {
  path: '/',
  element: <MainLayout />,
  children: [
    {
      path: '/',
      element: <DashboardDefault />
    },
    {
      path: '/',
      children: [
        {
          path: 'dashboard',
          element: <DashboardDefault />
        },
        {
          path: 'setting/manageUser',
          element: <ManageOrgUser/>
        },
        {
          path: 'publicNotice',
          element: <PublicNotice/>
        },
        {
          path: 'publicNotice/apply',
          element: <PublicNoticeApplyForm/>
        },
        {
          path: 'publicNotice/:id',
          element: <PublicNoticeDetail/>
        },
        {
          path: 'proof/reply/:id',
          element: <ProofReply/>
        },
        {
          path: 'proof/search',
          element: <ProofSearch/>
        },
        {
          path: 'proof/pay/:id',
          element: <ProofPayment/>
        },
        {
          path: 'payment',
          element: <Payment_Multi/>
        },
        {
          path: 'payment/fps',
          element: <Payment_FPS/>
        },
      ]
    },
  ]
};

export default PublicDashboard;