@diagramers/admin/src/App.js

Diagramers Admin Template - React starter for admin dashboards.

import React, { useMemo } from 'react';

// import redux for auth guard
import { useSelector } from 'react-redux';

// import layout
import Layout from 'layout/Layout';

// import routing modules
import RouteIdentifier from 'routing/components/RouteIdentifier';
import { getRoutes } from 'routing/helper';
import routesAndMenuItems from 'routes.js';
import Loading from 'components/loading/Loading';
import SetupGuard from 'components/setup-guard/SetupGuard';

const App = () => {
  const { currentUser, isLogin } = useSelector((state) => state.auth);

  const routes = useMemo(() => getRoutes({ data: routesAndMenuItems, isLogin, userRole: currentUser.role }), [isLogin, currentUser]);
  if (routes) {
    return (
      <SetupGuard>
        <Layout>
          <RouteIdentifier routes={routes} fallback={<Loading />} />
        </Layout>
      </SetupGuard>
    );
  }
  return <></>;
};

export default App;