\r\n\t\t\t
\r\n\t\t\t{\r\n\t\t\t\tvisible && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t
\r\n\t)\r\n}\r\n\r\nColorPicker.propTypes = {\r\n\tcolor: PropTypes.string,\r\n\tcolorChange: PropTypes.func\r\n}\r\n\r\n\r\nexport default ColorPicker;\r\n","export const ROW_GUTTER = 16;\r\nexport const SIDE_NAV_WIDTH = 250;\r\nexport const SIDE_NAV_COLLAPSED_WIDTH = 80;\r\nexport const SIDE_NAV_LIGHT = 'SIDE_NAV_LIGHT';\r\nexport const SIDE_NAV_DARK = 'SIDE_NAV_DARK';\r\nexport const NAV_TYPE_SIDE = 'SIDE'\r\nexport const NAV_TYPE_TOP = 'TOP'\r\nexport const DIR_LTR = 'ltr'\r\nexport const DIR_RTL = 'rtl'\r\n","export const SIGNIN = 'SIGNIN'; \r\nexport const AUTHENTICATED = 'AUTHENTICATED';\r\nexport const SIGNOUT = 'SIGNOUT';\r\nexport const SIGNOUT_SUCCESS = 'SIGNOUT_SUCCESS'\r\nexport const SIGNUP = 'SIGNUP';\r\nexport const SIGNUP_SUCCESS = 'SIGNUP_SUCCESS'\r\nexport const SHOW_AUTH_MESSAGE = 'SHOW_AUTH_MESSAGE'\r\nexport const HIDE_AUTH_MESSAGE = 'HIDE_AUTH_MESSAGE'\r\nexport const SHOW_LOADING = 'SHOW_LOADING'\r\nexport const AUTH_TOKEN = 'auth_token'\r\nexport const SIGNIN_WITH_GOOGLE = 'SIGNIN_WITH_GOOGLE'\r\nexport const SIGNIN_WITH_GOOGLE_AUTHENTICATED = 'SIGNIN_WITH_GOOGLE_AUTHENTICATED'\r\nexport const SIGNIN_WITH_FACEBOOK = 'SIGNIN_WITH_FACEBOOK'\r\nexport const SIGNIN_WITH_FACEBOOK_AUTHENTICATED = 'SIGNIN_WITH_FACEBOOK_AUTHENTICATED'","import {\r\n\tAUTH_TOKEN,\r\n\tAUTHENTICATED,\r\n\tSHOW_AUTH_MESSAGE,\r\n\tHIDE_AUTH_MESSAGE,\r\n\tSIGNOUT_SUCCESS,\r\n\tSIGNUP_SUCCESS,\r\n\tSHOW_LOADING,\r\n\tSIGNIN_WITH_GOOGLE_AUTHENTICATED,\r\n SIGNIN_WITH_FACEBOOK_AUTHENTICATED\r\n} from '../constants/Auth';\r\n\r\nconst initState = {\r\n loading: false,\r\n message: '',\r\n showMessage: false,\r\n redirect: '',\r\n token: localStorage.getItem(AUTH_TOKEN),\r\n}\r\n\r\nconst auth = (state = initState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase AUTHENTICATED:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tloading: false,\r\n\t\t\t\tredirect: '/',\r\n\t\t\t\ttoken: action.token\r\n\t\t\t}\r\n\t\tcase SHOW_AUTH_MESSAGE: \r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmessage: action.message,\r\n\t\t\t\tshowMessage: true,\r\n\t\t\t\tloading: false\r\n\t\t\t}\r\n\t\tcase HIDE_AUTH_MESSAGE: \r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmessage: '',\r\n\t\t\t\tshowMessage: false,\r\n\t\t\t}\r\n\t\tcase SIGNOUT_SUCCESS: {\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\ttoken: null,\r\n\t\t\t\tredirect: '/',\r\n\t\t\t\tloading: false\r\n\t\t\t}\r\n\t\t}\r\n\t\tcase SIGNUP_SUCCESS: {\r\n\t\t\treturn {\r\n\t\t\t ...state,\r\n\t\t\t loading: false,\r\n\t\t\t token: action.token\r\n\t\t\t}\r\n\t\t}\r\n\t\tcase SHOW_LOADING: {\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tloading: true\r\n\t\t\t}\r\n\t\t}\r\n\t\tcase SIGNIN_WITH_GOOGLE_AUTHENTICATED: {\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tloading: false,\r\n\t\t\t\ttoken: action.token\r\n\t\t\t}\r\n\t\t}\r\n\t\tcase SIGNIN_WITH_FACEBOOK_AUTHENTICATED: {\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tloading: false,\r\n\t\t\t\ttoken: action.token\r\n\t\t\t}\r\n\t\t}\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n}\r\n\r\nexport default auth","export const TOGGLE_COLLAPSED_NAV = 'TOGGLE_COLLAPSED_NAV';\r\nexport const CHANGE_LOCALE = 'CHANGE_LOCALE';\r\nexport const SIDE_NAV_STYLE_CHANGE = 'SIDE_NAV_STYLE_CHANGE';\r\nexport const NAV_TYPE_CHANGE = 'NAV_TYPE_CHANGE';\r\nexport const TOP_NAV_COLOR_CHANGE = 'TOP_NAV_COLOR_CHANGE';\r\nexport const HEADER_NAV_COLOR_CHANGE = 'HEADER_NAV_COLOR_CHANGE';\r\nexport const TOGGLE_MOBILE_NAV = 'TOGGLE_MOBILE_NAV';\r\nexport const SWITCH_THEME = 'SWITCH_THEME';\r\nexport const DIRECTION_CHANGE = 'DIRECTION_CHANGE';","import {\r\n TOGGLE_COLLAPSED_NAV,\r\n CHANGE_LOCALE,\r\n SIDE_NAV_STYLE_CHANGE,\r\n NAV_TYPE_CHANGE,\r\n TOP_NAV_COLOR_CHANGE,\r\n HEADER_NAV_COLOR_CHANGE,\r\n TOGGLE_MOBILE_NAV,\r\n SWITCH_THEME,\r\n DIRECTION_CHANGE\r\n} from '../constants/Theme';\r\nimport { THEME_CONFIG } from 'configs/AppConfig'\r\n\r\nconst initTheme = {\r\n ...THEME_CONFIG\r\n};\r\n\r\nconst theme = (state = initTheme, action) => {\r\n switch (action.type) {\r\n case TOGGLE_COLLAPSED_NAV:\r\n return {\r\n ...state,\r\n navCollapsed: action.navCollapsed\r\n };\r\n case SIDE_NAV_STYLE_CHANGE:\r\n return {\r\n ...state,\r\n sideNavTheme: action.sideNavTheme\r\n };\r\n case CHANGE_LOCALE:\r\n return {\r\n ...state,\r\n locale: action.locale\r\n };\r\n case NAV_TYPE_CHANGE:\r\n return {\r\n ...state,\r\n navType: action.navType\r\n };\r\n case TOP_NAV_COLOR_CHANGE:\r\n return {\r\n ...state,\r\n topNavColor: action.topNavColor\r\n };\r\n case HEADER_NAV_COLOR_CHANGE:\r\n return {\r\n ...state,\r\n headerNavColor: action.headerNavColor\r\n };\r\n case TOGGLE_MOBILE_NAV:\r\n return {\r\n ...state,\r\n mobileNav: action.mobileNav\r\n };\r\n case SWITCH_THEME:\r\n return {\r\n ...state,\r\n currentTheme: action.currentTheme\r\n }\r\n case DIRECTION_CHANGE:\r\n return {\r\n ...state,\r\n direction: action.direction\r\n }\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default theme","import { combineReducers } from 'redux';\r\nimport Auth from './Auth';\r\nimport Theme from './Theme';\r\n\r\nconst reducers = combineReducers({\r\n theme: Theme,\r\n auth: Auth\r\n});\r\n\r\nexport default reducers;","const FirebaseConfig = {\r\n apiKey: 'AIzaSyAOWoRQGoegkmwnCca7B2GG5GUG_ZP1lcM',\r\n authDomain: 'emilus.firebaseapp.com',\r\n databaseURL: 'https://emilus.firebaseio.com',\r\n projectId: 'emilus',\r\n storageBucket: 'emilus.appspot.com',\r\n messagingSenderId: '807555350717',\r\n appId: '1:807555350717:web:145ba7c21af47203a2f7d4',\r\n measurementId: 'G-8KE7HJB252'\r\n};\r\n\r\nexport default FirebaseConfig\r\n\r\n","import firebase from 'firebase/app';\r\nimport 'firebase/auth';\r\nimport 'firebase/firestore';\r\nimport firebaseConfig from 'configs/FirebaseConfig';\r\n\r\nfirebase.initializeApp(firebaseConfig);\r\n\r\n// firebase utils\r\nconst db = firebase.firestore()\r\nconst auth = firebase.auth();\r\nconst currentUser = auth.currentUser\r\nconst googleAuthProvider = new firebase.auth.GoogleAuthProvider();\r\nconst facebookAuthProvider = new firebase.auth.FacebookAuthProvider();\r\nconst twitterAuthProvider = new firebase.auth.TwitterAuthProvider();\r\nconst githubAuthProvider = new firebase.auth.GithubAuthProvider();\r\n\r\nexport {\r\n\tdb,\r\n\tauth,\r\n\tcurrentUser,\r\n\tgoogleAuthProvider,\r\n\tfacebookAuthProvider,\r\n\ttwitterAuthProvider,\r\n\tgithubAuthProvider\r\n};","import { auth, googleAuthProvider, facebookAuthProvider } from 'auth/FirebaseAuth';\r\n\r\nconst FirebaseService = {}\r\n\r\nFirebaseService.signInEmailRequest = async (email, password) =>\r\n\tawait auth.signInWithEmailAndPassword(email, password).then(user => user).catch(err => err);\r\n\r\nFirebaseService.signInEmailRequest = async (email, password) =>\r\n await auth.signInWithEmailAndPassword(email, password).then(user => user).catch(err => err);\r\n\t\t\r\nFirebaseService.signOutRequest = async () =>\r\n\tawait auth.signOut().then(user => user).catch(err => err);\r\n\r\nFirebaseService.signInGoogleRequest = async () =>\r\n await auth.signInWithPopup(googleAuthProvider).then(user => user).catch(err => err);\r\n\r\nFirebaseService.signInFacebookRequest = async () =>\r\n await auth.signInWithPopup(facebookAuthProvider).then(user => user).catch(err => err);\r\n\r\nFirebaseService.signUpEmailRequest = async (email, password) =>\r\n\tawait auth.createUserWithEmailAndPassword(email, password).then(user => user).catch(err => err);\t\r\n\t\r\nexport default FirebaseService","import { all, takeEvery, put, fork, call } from 'redux-saga/effects';\r\nimport {\r\n\tAUTH_TOKEN,\r\n\tSIGNIN,\r\n\tSIGNOUT,\r\n\tSIGNUP,\r\n\tSIGNIN_WITH_GOOGLE,\r\n\tSIGNIN_WITH_FACEBOOK\r\n} from '../constants/Auth';\r\nimport {\r\n\tshowAuthMessage,\r\n\tauthenticated,\r\n\tsignOutSuccess,\r\n\tsignUpSuccess,\r\n\tsignInWithGoogleAuthenticated,\r\n\tsignInWithFacebookAuthenticated\r\n} from \"../actions/Auth\";\r\n\r\nimport FirebaseService from 'services/FirebaseService'\r\n\r\nexport function* signInWithFBEmail() {\r\n yield takeEvery(SIGNIN, function* ({payload}) {\r\n\t\tconst {email, password} = payload;\r\n\t\ttry {\r\n\t\t\tconst user = yield call(FirebaseService.signInEmailRequest, email, password);\r\n\t\t\tif (user.message) {\r\n\t\t\t\tyield put(showAuthMessage(user.message));\r\n\t\t\t} else {\r\n\t\t\t\tlocalStorage.setItem(AUTH_TOKEN, user.user.uid);\r\n\t\t\t\tyield put(authenticated(user.user.uid));\r\n\t\t\t}\r\n\t\t} catch (err) {\r\n\t\t\tyield put(showAuthMessage(err));\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function* signOut() {\r\n yield takeEvery(SIGNOUT, function* () {\r\n\t\ttry {\r\n\t\t\tconst signOutUser = yield call(FirebaseService.signOutRequest);\r\n\t\t\tif (signOutUser === undefined) {\r\n\t\t\t\tlocalStorage.removeItem(AUTH_TOKEN);\r\n\t\t\t\tyield put(signOutSuccess(signOutUser));\r\n\t\t\t} else {\r\n\t\t\t\tyield put(showAuthMessage(signOutUser.message));\r\n\t\t\t}\r\n\t\t} catch (err) {\r\n\t\t\tyield put(showAuthMessage(err));\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function* signUpWithFBEmail() {\r\n yield takeEvery(SIGNUP, function* ({payload}) {\r\n\t\tconst {email, password} = payload;\r\n\t\ttry {\r\n\t\t\tconst user = yield call(FirebaseService.signUpEmailRequest, email, password);\r\n\t\t\tif (user.message) {\r\n\t\t\t\tyield put(showAuthMessage(user.message));\r\n\t\t\t} else {\r\n\t\t\t\tlocalStorage.setItem(AUTH_TOKEN, user.user.uid);\r\n\t\t\t\tyield put(signUpSuccess(user.user.uid));\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tyield put(showAuthMessage(error));\r\n\t\t}\r\n\t}\r\n\t);\r\n}\r\n\r\nexport function* signInWithFBGoogle() {\r\n yield takeEvery(SIGNIN_WITH_GOOGLE, function* () {\r\n\t\ttry {\r\n\t\t\tconst user = yield call(FirebaseService.signInGoogleRequest);\r\n\t\t\tif (user.message) {\r\n\t\t\t\tyield put(showAuthMessage(user.message));\r\n\t\t\t} else {\r\n\t\t\t\tlocalStorage.setItem(AUTH_TOKEN, user.user.uid);\r\n\t\t\t\tyield put(signInWithGoogleAuthenticated(user.user.uid));\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tyield put(showAuthMessage(error));\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function* signInWithFacebook() {\r\n yield takeEvery(SIGNIN_WITH_FACEBOOK, function* () {\r\n\t\ttry {\r\n\t\t\tconst user = yield call(FirebaseService.signInFacebookRequest);\r\n\t\t\tif (user.message) {\r\n\t\t\t\tyield put(showAuthMessage(user.message));\r\n\t\t\t} else {\r\n\t\t\t\tlocalStorage.setItem(AUTH_TOKEN, user.user.uid);\r\n\t\t\t\tyield put(signInWithFacebookAuthenticated(user.user.uid));\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tyield put(showAuthMessage(error));\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n\t\tfork(signInWithFBEmail),\r\n\t\tfork(signOut),\r\n\t\tfork(signUpWithFBEmail),\r\n\t\tfork(signInWithFBGoogle),\r\n\t\tfork(signInWithFacebook)\r\n ]);\r\n}\r\n","import { all } from 'redux-saga/effects';\r\nimport Auth from './Auth';\r\n\r\nexport default function* rootSaga(getState) {\r\n yield all([\r\n Auth(),\r\n ]);\r\n}\r\n","import { createStore, applyMiddleware, compose } from \"redux\";\r\nimport reducers from \"../reducers\";\r\nimport createSagaMiddleware from \"redux-saga\";\r\nimport rootSaga from \"../sagas/index\";\r\n\r\nconst sagaMiddleware = createSagaMiddleware();\r\n\r\nconst middlewares = [sagaMiddleware];\r\n\r\nfunction configureStore(preloadedState) {\r\n \r\n const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\r\n const store = createStore(reducers, preloadedState, composeEnhancers(\r\n applyMiddleware(...middlewares)\r\n ));\r\n\r\n sagaMiddleware.run(rootSaga);\r\n\r\n if (module.hot) {\r\n module.hot.accept(\"../reducers/index\", () => {\r\n const nextRootReducer = require(\"../reducers/index\");\r\n store.replaceReducer(nextRootReducer);\r\n });\r\n }\r\n\r\n return store;\r\n}\r\n\r\nconst store = configureStore();\r\n\r\nexport default store;\r\n\r\n","import React from \"react\";\r\nimport {FormattedMessage, injectIntl} from \"react-intl\";\r\n\r\nconst IntlMessage = props =>
;\r\nexport default injectIntl(IntlMessage, {\r\n withRef: false\r\n});\r\n","import { \r\n DashboardOutlined, \r\n AppstoreOutlined,\r\n FileTextOutlined,\r\n PieChartOutlined,\r\n EnvironmentOutlined,\r\n AntDesignOutlined,\r\n SafetyOutlined,\r\n StopOutlined,\r\n DotChartOutlined,\r\n MailOutlined,\r\n MessageOutlined,\r\n CalendarOutlined,\r\n BulbOutlined,\r\n InfoCircleOutlined,\r\n CompassOutlined,\r\n LayoutOutlined,\r\n DesktopOutlined,\r\n FileDoneOutlined,\r\n CommentOutlined,\r\n RobotOutlined,\r\n PlusCircleOutlined,\r\n FundOutlined,\r\n ShoppingCartOutlined,\r\n BookOutlined,\r\n FileUnknownOutlined,\r\n ProfileOutlined\r\n} from '@ant-design/icons';\r\nimport { APP_PREFIX_PATH, AUTH_PREFIX_PATH } from 'configs/AppConfig'\r\n\r\nconst extraNavTree = [\r\n {\r\n key: 'extra',\r\n path: `${APP_PREFIX_PATH}/pages`,\r\n title: 'sidenav.pages',\r\n icon: PlusCircleOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'extra-pages',\r\n path: `${APP_PREFIX_PATH}/pages`,\r\n title: 'sidenav.pages',\r\n icon: FileTextOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'extra-pages-profile',\r\n path: `${APP_PREFIX_PATH}/pages/profile`,\r\n title: 'sidenav.pages.profile',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-pages-list',\r\n path: `${APP_PREFIX_PATH}/pages/user-list`,\r\n title: 'sidenav.pages.userlist',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-pages-invoice',\r\n path: `${APP_PREFIX_PATH}/pages/invoice`,\r\n title: 'sidenav.pages.invoice',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-pages-pricing',\r\n path: `${APP_PREFIX_PATH}/pages/pricing`,\r\n title: 'sidenav.pages.pricing',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-pages-faq',\r\n path: `${APP_PREFIX_PATH}/pages/faq`,\r\n title: 'sidenav.pages.faq',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-pages-setting',\r\n path: `${APP_PREFIX_PATH}/pages/setting`,\r\n title: 'sidenav.pages.setting',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'extra-auth',\r\n path: `${AUTH_PREFIX_PATH}`,\r\n title: 'sidenav.authentication',\r\n icon: SafetyOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'extra-auth-login-1',\r\n path: `${AUTH_PREFIX_PATH}/login-1`,\r\n title: 'sidenav.authentication.login.1',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-auth-login-2',\r\n path: `${AUTH_PREFIX_PATH}/login-2`,\r\n title: 'sidenav.authentication.login.2',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-auth-register-1',\r\n path: `${AUTH_PREFIX_PATH}/register-1`,\r\n title: 'sidenav.authentication.register.1',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-auth-register-2',\r\n path: `${AUTH_PREFIX_PATH}/register-2`,\r\n title: 'sidenav.authentication.register.2',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-auth-forgot-password',\r\n path: `${AUTH_PREFIX_PATH}/forgot-password`,\r\n title: 'sidenav.authentication.forgetPassword',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'extra-errors',\r\n path: `${AUTH_PREFIX_PATH}/error-1`,\r\n title: 'sidenav.errors',\r\n icon: StopOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'extra-errors-error-1',\r\n path: `${AUTH_PREFIX_PATH}/error-1`,\r\n title: 'sidenav.errors.error.1',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'extra-errors-error-2',\r\n path: `${AUTH_PREFIX_PATH}/error-2`,\r\n title: 'sidenav.errors.error.2',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n]\r\n\r\nconst dashBoardNavTree = [{\r\n key: 'dashboards',\r\n path: `${APP_PREFIX_PATH}/dashboards`,\r\n title: 'sidenav.dashboard',\r\n icon: DashboardOutlined,\r\n breadcrumb: false,\r\n submenu: [\r\n {\r\n key: 'dashboards-default',\r\n path: `${APP_PREFIX_PATH}/dashboards/default`,\r\n title: 'sidenav.dashboard.default',\r\n icon: DashboardOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'dashboards-analytic',\r\n path: `${APP_PREFIX_PATH}/dashboards/analytic`,\r\n title: 'sidenav.dashboard.analytic',\r\n icon: DotChartOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'dashboards-sales',\r\n path: `${APP_PREFIX_PATH}/dashboards/sales`,\r\n title: 'sidenav.dashboard.sales',\r\n icon: FundOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n }\r\n ]\r\n}]\r\n\r\nconst appsNavTree = [{\r\n key: 'apps',\r\n path: `${APP_PREFIX_PATH}/apps`,\r\n title: 'sidenav.apps',\r\n icon: AppstoreOutlined,\r\n breadcrumb: false,\r\n submenu: [\r\n {\r\n key: 'apps-mail',\r\n path: `${APP_PREFIX_PATH}/apps/mail/inbox`,\r\n title: 'sidenav.apps.mail',\r\n icon: MailOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-chat',\r\n path: `${APP_PREFIX_PATH}/apps/chat`,\r\n title: 'sidenav.apps.chat',\r\n icon: MessageOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-calendar',\r\n path: `${APP_PREFIX_PATH}/apps/calendar`,\r\n title: 'sidenav.apps.calendar',\r\n icon: CalendarOutlined,\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-project',\r\n path: `${APP_PREFIX_PATH}/apps/project`,\r\n title: 'sidenav.apps.project',\r\n icon: BulbOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'apps-project-list',\r\n path: `${APP_PREFIX_PATH}/apps/project/list`,\r\n title: 'sidenav.apps.project.list',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-project-scrumboard',\r\n path: `${APP_PREFIX_PATH}/apps/project/scrumboard`,\r\n title: 'sidenav.apps.project.scrumboard',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'apps-ecommerce',\r\n path: `${APP_PREFIX_PATH}/apps/ecommerce`,\r\n title: 'sidenav.apps.ecommerce',\r\n icon: ShoppingCartOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'apps-ecommerce-productList',\r\n path: `${APP_PREFIX_PATH}/apps/ecommerce/product-list`,\r\n title: 'sidenav.apps.ecommerce.productList',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-ecommerce-addProduct',\r\n path: `${APP_PREFIX_PATH}/apps/ecommerce/add-product`,\r\n title: 'sidenav.apps.ecommerce.addProduct',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-ecommerce-editProduct',\r\n path: `${APP_PREFIX_PATH}/apps/ecommerce/edit-product/12`,\r\n title: 'sidenav.apps.ecommerce.editProduct',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'apps-ecommerce-orders',\r\n path: `${APP_PREFIX_PATH}/apps/ecommerce/orders`,\r\n title: 'sidenav.apps.ecommerce.orders',\r\n icon: '',\r\n breadcrumb: false,\r\n submenu: []\r\n }\r\n ]\r\n }\r\n ]\r\n}]\r\n\r\nconst componentsNavTree = [\r\n {\r\n key: 'components',\r\n path: `${APP_PREFIX_PATH}/components`,\r\n title: 'sidenav.components',\r\n icon: AntDesignOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-general',\r\n path: `${APP_PREFIX_PATH}/components/general`,\r\n title: 'sidenav.components.general',\r\n icon: InfoCircleOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-general-button',\r\n path: `${APP_PREFIX_PATH}/components/general/button`,\r\n title: 'sidenav.components.general.button',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-general-icon',\r\n path: `${APP_PREFIX_PATH}/components/general/icon`,\r\n title: 'sidenav.components.general.icon',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-general-typography',\r\n path: `${APP_PREFIX_PATH}/components/general/typography`,\r\n title: 'sidenav.components.general.typography',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'components-layout',\r\n path: `${APP_PREFIX_PATH}/components/layout`,\r\n title: 'sidenav.components.layout',\r\n icon: LayoutOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-layout-grid',\r\n path: `${APP_PREFIX_PATH}/components/layout/grid`,\r\n title: 'sidenav.components.layout.grid',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-layout-layout',\r\n path: `${APP_PREFIX_PATH}/components/layout/layout`,\r\n title: 'sidenav.components.layout.layout',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'components-navigation',\r\n path: `${APP_PREFIX_PATH}/components/navigation`,\r\n title: 'sidenav.components.navigation',\r\n icon: CompassOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-navigation-affix',\r\n path: `${APP_PREFIX_PATH}/components/navigation/affix`,\r\n title: 'sidenav.components.navigation.affix',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-navigation-breadcrumb',\r\n path: `${APP_PREFIX_PATH}/components/navigation/breadcrumb`,\r\n title: 'sidenav.components.navigation.breadcrumb',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-navigation-dropdown',\r\n path: `${APP_PREFIX_PATH}/components/navigation/dropdown`,\r\n title: 'sidenav.components.navigation.dropdown',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-navigation-menu',\r\n path: `${APP_PREFIX_PATH}/components/navigation/menu`,\r\n title: 'sidenav.components.navigation.menu',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-navigation-pagination',\r\n path: `${APP_PREFIX_PATH}/components/navigation/pagination`,\r\n title: 'sidenav.components.navigation.pagination',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-navigation-page-header',\r\n path: `${APP_PREFIX_PATH}/components/navigation/page-header`,\r\n title: 'sidenav.components.navigation.pageHeader',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-navigation-steps',\r\n path: `${APP_PREFIX_PATH}/components/navigation/steps`,\r\n title: 'sidenav.components.navigation.steps',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'components-data-entry',\r\n path: `${APP_PREFIX_PATH}/components/data-entry`,\r\n title: 'sidenav.components.dataEntry',\r\n icon: FileDoneOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-data-entry-auto-complete',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/auto-complete`,\r\n title: 'sidenav.components.dataEntry.autoComplete',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-checkbox',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/checkbox`,\r\n title: 'sidenav.components.dataEntry.checkbox',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-cascader',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/cascader`,\r\n title: 'sidenav.components.dataEntry.cascader',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-date-picker',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/date-picker`,\r\n title: 'sidenav.components.dataEntry.datePicker',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-form',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/form`,\r\n title: 'sidenav.components.dataEntry.form',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-input-number',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/input-number`,\r\n title: 'sidenav.components.dataEntry.inputNumber',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-input',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/input`,\r\n title: 'sidenav.components.dataEntry.input',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-mentions',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/mentions`,\r\n title: 'sidenav.components.dataEntry.mentions',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-rate',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/rate`,\r\n title: 'sidenav.components.dataEntry.rate',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-radio',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/radio`,\r\n title: 'sidenav.components.dataEntry.radio',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-switch',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/switch`,\r\n title: 'sidenav.components.dataEntry.switch',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-slider',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/slider`,\r\n title: 'sidenav.components.dataEntry.slider',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-select',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/select`,\r\n title: 'sidenav.components.dataEntry.select',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-tree-select',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/tree-select`,\r\n title: 'sidenav.components.dataEntry.treeSelect',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-transfer',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/transfer`,\r\n title: 'sidenav.components.dataEntry.transfer',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-time-picker',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/time-picker`,\r\n title: 'sidenav.components.dataEntry.timePicker',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-entry-upload',\r\n path: `${APP_PREFIX_PATH}/components/data-entry/upload`,\r\n title: 'sidenav.components.dataEntry.upload',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n ]\r\n },\r\n {\r\n key: 'components-data-display',\r\n path: `${APP_PREFIX_PATH}/components/data-display`,\r\n title: 'sidenav.components.dataDisplay',\r\n icon: DesktopOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-data-display-avatar',\r\n path: `${APP_PREFIX_PATH}/components/data-display/avatar`,\r\n title: 'sidenav.components.dataDisplay.avatar',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-badge',\r\n path: `${APP_PREFIX_PATH}/components/data-display/badge`,\r\n title: 'sidenav.components.dataDisplay.badge',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-comment',\r\n path: `${APP_PREFIX_PATH}/components/data-display/comment`,\r\n title: 'sidenav.components.dataDisplay.comment',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-collapse',\r\n path: `${APP_PREFIX_PATH}/components/data-display/collapse`,\r\n title: 'sidenav.components.dataDisplay.collapse',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-carousel',\r\n path: `${APP_PREFIX_PATH}/components/data-display/carousel`,\r\n title: 'sidenav.components.dataDisplay.carousel',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-card',\r\n path: `${APP_PREFIX_PATH}/components/data-display/card`,\r\n title: 'sidenav.components.dataDisplay.card',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-calendar',\r\n path: `${APP_PREFIX_PATH}/components/data-display/calendar`,\r\n title: 'sidenav.components.dataDisplay.calendar',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-descriptions',\r\n path: `${APP_PREFIX_PATH}/components/data-display/descriptions`,\r\n title: 'sidenav.components.dataDisplay.descriptions',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-empty',\r\n path: `${APP_PREFIX_PATH}/components/data-display/empty`,\r\n title: 'sidenav.components.dataDisplay.empty',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-list',\r\n path: `${APP_PREFIX_PATH}/components/data-display/list`,\r\n title: 'sidenav.components.dataDisplay.list',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-popover',\r\n path: `${APP_PREFIX_PATH}/components/data-display/popover`,\r\n title: 'sidenav.components.dataDisplay.popover',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-statistic',\r\n path: `${APP_PREFIX_PATH}/components/data-display/statistic`,\r\n title: 'sidenav.components.dataDisplay.statistic',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-tree',\r\n path: `${APP_PREFIX_PATH}/components/data-display/tree`,\r\n title: 'sidenav.components.dataDisplay.tree',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-tooltip',\r\n path: `${APP_PREFIX_PATH}/components/data-display/tooltip`,\r\n title: 'sidenav.components.dataDisplay.tooltip',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-timeline',\r\n path: `${APP_PREFIX_PATH}/components/data-display/timeline`,\r\n title: 'sidenav.components.dataDisplay.timeline',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-tag',\r\n path: `${APP_PREFIX_PATH}/components/data-display/tag`,\r\n title: 'sidenav.components.dataDisplay.tag',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-tabs',\r\n path: `${APP_PREFIX_PATH}/components/data-display/tabs`,\r\n title: 'sidenav.components.dataDisplay.tabs',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-data-display-table',\r\n path: `${APP_PREFIX_PATH}/components/data-display/table`,\r\n title: 'sidenav.components.dataDisplay.table',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n ]\r\n },\r\n {\r\n key: 'components-feedback',\r\n path: `${APP_PREFIX_PATH}/components/feedback`,\r\n title: 'sidenav.components.feedback',\r\n icon: CommentOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-feedback-alert',\r\n path: `${APP_PREFIX_PATH}/components/feedback/alert`,\r\n title: 'sidenav.components.feedback.alert',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-drawer',\r\n path: `${APP_PREFIX_PATH}/components/feedback/drawer`,\r\n title: 'sidenav.components.feedback.drawer',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-modal',\r\n path: `${APP_PREFIX_PATH}/components/feedback/modal`,\r\n title: 'sidenav.components.feedback.modal',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-message',\r\n path: `${APP_PREFIX_PATH}/components/feedback/message`,\r\n title: 'sidenav.components.feedback.message',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-notification',\r\n path: `${APP_PREFIX_PATH}/components/feedback/notification`,\r\n title: 'sidenav.components.feedback.notification',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-progress',\r\n path: `${APP_PREFIX_PATH}/components/feedback/progress`,\r\n title: 'sidenav.components.feedback.progress',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-popconfirm',\r\n path: `${APP_PREFIX_PATH}/components/feedback/popconfirm`,\r\n title: 'sidenav.components.feedback.popconfirm',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-result',\r\n path: `${APP_PREFIX_PATH}/components/feedback/result`,\r\n title: 'sidenav.components.feedback.result',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-spin',\r\n path: `${APP_PREFIX_PATH}/components/feedback/spin`,\r\n title: 'sidenav.components.feedback.spin',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-feedback-skeleton',\r\n path: `${APP_PREFIX_PATH}/components/feedback/skeleton`,\r\n title: 'sidenav.components.feedback.skeleton',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'components-other',\r\n path: `${APP_PREFIX_PATH}/components/other`,\r\n title: 'sidenav.components.other',\r\n icon: RobotOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-other-anchor',\r\n path: `${APP_PREFIX_PATH}/components/other/anchor`,\r\n title: 'sidenav.components.other.anchor',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-other-backtop',\r\n path: `${APP_PREFIX_PATH}/components/other/backtop`,\r\n title: 'sidenav.components.other.backtop',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-other-config-provider',\r\n path: `${APP_PREFIX_PATH}/components/other/config-provider`,\r\n title: 'sidenav.components.other.configProvider',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-other-divider',\r\n path: `${APP_PREFIX_PATH}/components/other/divider`,\r\n title: 'sidenav.components.other.divider',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'components-charts',\r\n path: `${APP_PREFIX_PATH}/components/charts`,\r\n title: 'sidenav.charts',\r\n icon: PieChartOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-charts-apex',\r\n path: `${APP_PREFIX_PATH}/components/charts/apex-charts`,\r\n title: 'sidenav.charts.apex',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-charts-chartjs',\r\n path: `${APP_PREFIX_PATH}/components/charts/chartjs`,\r\n title: 'sidenav.charts.chartjs',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n },\r\n {\r\n key: 'components-maps',\r\n path: `${APP_PREFIX_PATH}/components/maps`,\r\n title: 'sidenav.maps',\r\n icon: EnvironmentOutlined,\r\n breadcrumb: true,\r\n submenu: [\r\n {\r\n key: 'components-maps-google',\r\n path: `${APP_PREFIX_PATH}/components/maps/google-map`,\r\n title: 'sidenav.maps.google',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n },\r\n {\r\n key: 'components-maps-simple',\r\n path: `${APP_PREFIX_PATH}/components/maps/simple-map`,\r\n title: 'sidenav.maps.simple',\r\n icon: '',\r\n breadcrumb: true,\r\n submenu: []\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n]\r\n\r\nconst docsNavTree = [{\r\n key: 'docs',\r\n path: `${APP_PREFIX_PATH}/docs`,\r\n title: 'sidenav.docs',\r\n icon: BookOutlined,\r\n breadcrumb: false,\r\n submenu: [\r\n {\r\n key: 'docs-documentation',\r\n path: `${APP_PREFIX_PATH}/docs/documentation`,\r\n title: 'sidenav.docs.documentation',\r\n icon: FileUnknownOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n },\r\n {\r\n key: 'docs-changelog',\r\n path: `${APP_PREFIX_PATH}/docs/documentation/changelog`,\r\n title: 'sidenav.docs.changelog',\r\n icon: ProfileOutlined,\r\n breadcrumb: false,\r\n submenu: []\r\n }\r\n ]\r\n}]\r\n\r\nconst navigationConfig = [\r\n ...dashBoardNavTree,\r\n ...appsNavTree,\r\n ...componentsNavTree,\r\n ...extraNavTree,\r\n ...docsNavTree\r\n]\r\n\r\nexport default navigationConfig;\r\n","import {\r\n TOGGLE_COLLAPSED_NAV,\r\n SIDE_NAV_STYLE_CHANGE,\r\n CHANGE_LOCALE,\r\n NAV_TYPE_CHANGE,\r\n TOP_NAV_COLOR_CHANGE,\r\n HEADER_NAV_COLOR_CHANGE,\r\n TOGGLE_MOBILE_NAV,\r\n SWITCH_THEME,\r\n DIRECTION_CHANGE\r\n} from '../constants/Theme';\r\n\r\nexport function toggleCollapsedNav(navCollapsed) {\r\n return {\r\n type: TOGGLE_COLLAPSED_NAV,\r\n navCollapsed\r\n };\r\n}\r\n\r\nexport function onNavStyleChange(sideNavTheme) {\r\n return {\r\n type: SIDE_NAV_STYLE_CHANGE,\r\n sideNavTheme\r\n };\r\n}\r\n\r\nexport function onLocaleChange(locale) {\r\n return {\r\n type: CHANGE_LOCALE,\r\n locale\r\n };\r\n}\r\n\r\nexport function onNavTypeChange(navType) {\r\n return {\r\n type: NAV_TYPE_CHANGE,\r\n navType\r\n };\r\n}\r\n\r\nexport function onTopNavColorChange(topNavColor) {\r\n return {\r\n type: TOP_NAV_COLOR_CHANGE,\r\n topNavColor\r\n };\r\n}\r\n\r\nexport function onHeaderNavColorChange(headerNavColor) {\r\n return {\r\n type: HEADER_NAV_COLOR_CHANGE,\r\n headerNavColor\r\n };\r\n}\r\n\r\nexport function onMobileNavToggle(mobileNav) {\r\n return {\r\n type: TOGGLE_MOBILE_NAV,\r\n mobileNav\r\n };\r\n}\r\n\r\nexport function onSwitchTheme(currentTheme) {\r\n return {\r\n type: SWITCH_THEME,\r\n currentTheme\r\n };\r\n}\r\n\r\nexport function onDirectionChange(direction) {\r\n return {\r\n type: DIRECTION_CHANGE,\r\n direction\r\n };\r\n}","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Menu, Grid } from \"antd\";\r\nimport IntlMessage from \"../util-components/IntlMessage\";\r\nimport Icon from \"../util-components/Icon\";\r\nimport navigationConfig from \"configs/NavigationConfig\";\r\nimport { connect } from \"react-redux\";\r\nimport { SIDE_NAV_LIGHT, NAV_TYPE_SIDE } from \"constants/ThemeConstant\";\r\nimport utils from 'utils'\r\nimport { onMobileNavToggle } from \"redux/actions/Theme\";\r\n\r\nconst { SubMenu } = Menu;\r\nconst { useBreakpoint } = Grid;\r\n\r\nconst setLocale = (isLocaleOn, localeKey) =>\r\n isLocaleOn ?
: localeKey.toString();\r\n\r\nconst setDefaultOpen = (key) => {\r\n let keyList = [];\r\n let keyString = \"\";\r\n if (key) {\r\n const arr = key.split(\"-\");\r\n for (let index = 0; index < arr.length; index++) {\r\n const elm = arr[index];\r\n index === 0 ? (keyString = elm) : (keyString = `${keyString}-${elm}`);\r\n keyList.push(keyString);\r\n }\r\n }\r\n return keyList;\r\n};\r\n\r\nconst SideNavContent = (props) => {\r\n\tconst { sideNavTheme, routeInfo, hideGroupTitle, localization, onMobileNavToggle } = props;\r\n\tconst isMobile = !utils.getBreakPoint(useBreakpoint()).includes('lg')\r\n\tconst closeMobileNav = () => {\r\n\t\tif (isMobile) {\r\n\t\t\tonMobileNavToggle(false)\r\n\t\t}\r\n\t}\r\n return (\r\n
\r\n {navigationConfig.map((menu) =>\r\n menu.submenu.length > 0 ? (\r\n \r\n {menu.submenu.map((subMenuFirst) =>\r\n subMenuFirst.submenu.length > 0 ? (\r\n \r\n ) : null\r\n }\r\n key={subMenuFirst.key}\r\n title={setLocale(localization, subMenuFirst.title)}\r\n >\r\n {subMenuFirst.submenu.map((subMenuSecond) => (\r\n \r\n {subMenuSecond.icon ? (\r\n \r\n ) : null}\r\n \r\n {setLocale(localization, subMenuSecond.title)}\r\n \r\n closeMobileNav()} to={subMenuSecond.path} />\r\n \r\n ))}\r\n \r\n ) : (\r\n \r\n {subMenuFirst.icon ? : null}\r\n {setLocale(localization, subMenuFirst.title)}\r\n closeMobileNav()} to={subMenuFirst.path} />\r\n \r\n )\r\n )}\r\n \r\n ) : (\r\n \r\n {menu.icon ? : null}\r\n {setLocale(localization, menu?.title)}\r\n {menu.path ? closeMobileNav()} to={menu.path} /> : null}\r\n \r\n )\r\n )}\r\n \r\n );\r\n};\r\n\r\nconst TopNavContent = (props) => {\r\n const { topNavColor, localization } = props;\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst MenuContent = (props) => {\r\n return props.type === NAV_TYPE_SIDE ? (\r\n \r\n ) : (\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = ({ theme }) => {\r\n const { sideNavTheme, topNavColor } = theme;\r\n return { sideNavTheme, topNavColor };\r\n};\r\n\r\nexport default connect(mapStateToProps, { onMobileNavToggle })(MenuContent);\r\n","import React from \"react\";\r\nimport { Layout } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport { SIDE_NAV_WIDTH, SIDE_NAV_DARK, NAV_TYPE_SIDE } from 'constants/ThemeConstant';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport MenuContent from './MenuContent'\r\n\r\nconst { Sider } = Layout;\r\n\r\nexport const SideNav = ({navCollapsed, sideNavTheme, routeInfo, hideGroupTitle, localization = true }) => {\r\n const props = { sideNavTheme, routeInfo , hideGroupTitle, localization}\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = ({ theme }) => {\r\n const { navCollapsed, sideNavTheme } = theme;\r\n return { navCollapsed, sideNavTheme }\r\n};\r\n\r\nexport default connect(mapStateToProps)(SideNav);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { NAV_TYPE_TOP } from 'constants/ThemeConstant';\r\nimport utils from 'utils'\r\nimport MenuContent from './MenuContent'\r\n\r\nexport const TopNav = ({topNavColor, localization = true}) => {\r\n\tconst props = { topNavColor, localization }\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t
})
\r\n ![\"empty\"](\"https://gw.alipayobjects.com/zos/rmsportal/sAuJeJzSKbUmHfBQRzmZ.svg\")
\r\n 
\r\n\t\t\t