Gecko [ gandhischool.edu.np ]

Name	Size	Permission
academic	[ DIR ]	drwxrwxr-x
admission	[ DIR ]	drwxrwxr-x
auth	[ DIR ]	drwxrwxr-x
dashboard	[ DIR ]	drwxrwxr-x
default	[ DIR ]	drwxrwxr-x
invoice	[ DIR ]	drwxrwxr-x
registration	[ DIR ]	drwxrwxr-x
superadmin	[ DIR ]	drwxrwxr-x
system	[ DIR ]	drwxrwxr-x
index.tsx	1.29 KB	-rw-rw-r--

Code Editor : index.tsx

import * as React from 'react';
import { useSelector, shallowEqual, useDispatch } from 'react-redux';
import { Footer, Header } from './dashboard/layout';
import { renderRoutes } from 'react-router-config';
import { authorizedRoutes } from 'config';
interface IndexComponentProps {}

const Index: React.FunctionComponent<IndexComponentProps> = (
  props,
): JSX.Element => {
  const dispatch = useDispatch();

const { loggedUserInfo } = useSelector(
    (state: any) => ({
      loggedUserInfo: state.auth?.userInfo,
    }),
    shallowEqual,
  );

// const renderContent = () => {
  //   if (loggedUserInfo.role?.includes('superadmin'))
  //     return renderRoutes(superadminRoutes);
  //   else if (loggedUserInfo.role?.includes('admin'))
  //     return renderRoutes(authorizedRoutes);
  //   else null;
  // };

return (
    <React.Fragment>
      <Header />
      <main className="main-content">
        <section className="content-block">
          <div className="container-fluid">
            {renderRoutes(authorizedRoutes)}
            {/* {renderContent} */}
          </div>
        </section>
      </main>
      <Footer />
      {/* replace d-block inplace of d-none for activation of overlay */}
      <div className="rightbar-overlay d-none"></div>
    </React.Fragment>
  );
};

export default Index;

${this.title}

Code Editor : index.tsx