Monica front-end library

based on material-ui

install

  npm i monicaf

example

function Main() {
  const { lang } = useSelector(state => state.auth)
  return (
    <AppLayout SingInAlways={true}>
      <MainLayout redirect >
        <PageItem name='users' icon={<UserIcon />} label={locale.pages.users.label} component={UsersEditor} role={"admin-user"} home />
        <PageItem name='roles' icon={<RoleIcon />} label={locale.pages.roles.label} component={RolesEditor} role={"admin-role"} />
        <PageItem name='units' icon={<UnitIcon />} label={locale.pages.units.label} component={UnitsEditor} role={"admin-unit"} />
        <PageItem label='-' />
        <PageItem name='report' icon={<ReportIcon />} label={locale.pages.units.report} component={ReportsPage} role={"system"} />
      </MainLayout>
    </AppLayout>
  );
}

const root = (
  <App endPonitsApi={endPonits} logo={logo} theme={theme}>
    <Main />
  </App>
);

ReactDOM.render(root, document.getElementById('root'));