\r\n {collapsed ? (\r\n
\r\n );\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport clone from 'clone';\r\nimport { Link } from 'react-router-dom';\r\nimport { Layout } from 'antd';\r\nimport options from './options';\r\nimport Scrollbars from '../../components/utility/customScrollBar';\r\nimport Menu from '../../components/uielements/menu';\r\nimport IntlMessages from '../../components/utility/intlMessages';\r\nimport SidebarWrapper from './sidebar.style';\r\nimport appActions from '../../redux/app/actions';\r\nimport Logo from '../../components/utility/logo';\r\n\r\nconst SubMenu = Menu.SubMenu;\r\nconst { Sider } = Layout;\r\n\r\nconst {\r\n toggleOpenDrawer,\r\n changeOpenKeys,\r\n changeCurrent,\r\n toggleCollapsed\r\n} = appActions;\r\nconst stripTrailingSlash = str => {\r\n if (str.substr(-1) === '/') {\r\n return str.substr(0, str.length - 1);\r\n }\r\n return str;\r\n};\r\n\r\nclass Sidebar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleClick = this.handleClick.bind(this);\r\n this.onOpenChange = this.onOpenChange.bind(this);\r\n }\r\n\r\n onOpenChange(newOpenKeys) {\r\n const { app, changeOpenKeys } = this.props;\r\n const latestOpenKey = newOpenKeys.find(\r\n key => !(app.openKeys.indexOf(key) > -1)\r\n );\r\n const latestCloseKey = app.openKeys.find(\r\n key => !(newOpenKeys.indexOf(key) > -1)\r\n );\r\n let nextOpenKeys = [];\r\n if (latestOpenKey) {\r\n nextOpenKeys = this.getAncestorKeys(latestOpenKey).concat(latestOpenKey);\r\n }\r\n if (latestCloseKey) {\r\n nextOpenKeys = this.getAncestorKeys(latestCloseKey);\r\n }\r\n changeOpenKeys(nextOpenKeys);\r\n }\r\n\r\n getAncestorKeys = key => {\r\n const map = {\r\n sub3: ['sub2']\r\n };\r\n return map[key] || [];\r\n };\r\n\r\n getMenuItem = ({ singleOption, submenuStyle, submenuColor }, index) => {\r\n const { key, label, leftIcon, withoutAdmin, children } = singleOption;\r\n const url = stripTrailingSlash(this.props.url);\r\n if (children) {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n {siteConfig.siteName}\r\n
\r\n )}\r\n\r\n {this.getUserInitials()}\r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => ({\r\n user: state.Auth.user\r\n }),\r\n { logout }\r\n)(TopbarUser);\r\n","import styled from 'styled-components';\r\nimport { palette } from 'styled-theme';\r\nimport { transition, borderRadius, boxShadow } from '../../settings/style-util';\r\nimport WithDirection from '../../settings/withDirection';\r\n\r\nconst TopbarWrapper = styled.div`\r\n .isomorphicTopbar {\r\n display: flex;\r\n justify-content: space-between;\r\n background-color: #ffffff;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: ${props =>\r\n props['data-rtl'] === 'rtl' ? '0 265px 0 31px' : '0 31px 0 265px'};\r\n z-index: 1000;\r\n ${transition()};\r\n\r\n @media only screen and (max-width: 767px) {\r\n padding: ${props =>\r\n props['data-rtl'] === 'rtl'\r\n ? '0px 260px 0px 15px !important'\r\n : '0px 15px 0px 260px !important'};\r\n }\r\n\r\n &.collapsed {\r\n padding: ${props =>\r\n props['data-rtl'] === 'rtl' ? '0 109px 0 31px' : '0 31px 0 109px'};\r\n @media only screen and (max-width: 767px) {\r\n padding: ${props =>\r\n props['data-rtl'] === 'rtl'\r\n ? '0px 15px !important'\r\n : '0px 15px !important'};\r\n }\r\n }\r\n\r\n .isoLeft {\r\n display: flex;\r\n align-items: center;\r\n\r\n @media only screen and (max-width: 767px) {\r\n margin: ${props =>\r\n props['data-rtl'] === 'rtl' ? '0 0 0 20px' : '0 20px 0 0'};\r\n }\r\n\r\n .triggerBtn {\r\n width: 24px;\r\n height: 100%;\r\n display: -webkit-inline-flex;\r\n display: -ms-inline-flex;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n border: 0;\r\n outline: 0;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: '\\f20e';\r\n font-family: 'Ionicons';\r\n font-size: 26px;\r\n color: inherit;\r\n line-height: 0;\r\n position: absolute;\r\n }\r\n }\r\n }\r\n\r\n .isoRight {\r\n display: flex;\r\n align-items: center;\r\n\r\n li {\r\n margin-left: ${props => (props['data-rtl'] === 'rtl' ? '35px' : '0')};\r\n margin-right: ${props => (props['data-rtl'] === 'rtl' ? '0' : '35px')};\r\n cursor: pointer;\r\n line-height: normal;\r\n position: relative;\r\n display: inline-block;\r\n\r\n @media only screen and (max-width: 360px) {\r\n margin-left: ${props => (props['data-rtl'] === 'rtl' ? '25px' : '0')};\r\n margin-right: ${props =>\r\n props['data-rtl'] === 'rtl' ? '0' : '25px'};\r\n }\r\n\r\n &:last-child {\r\n margin: 0;\r\n }\r\n\r\n i {\r\n font-size: 24px;\r\n color: ${palette('text', 0)};\r\n line-height: 1;\r\n }\r\n\r\n .isoIconWrapper {\r\n position: relative;\r\n line-height: normal;\r\n\r\n span {\r\n font-size: 12px;\r\n color: #fff;\r\n background-color: ${palette('secondary', 1)};\r\n width: 20px;\r\n height: 20px;\r\n display: -webkit-inline-flex;\r\n display: -ms-inline-flex;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n line-height: 20px;\r\n position: absolute;\r\n top: -8px;\r\n left: ${props =>\r\n props['data-rtl'] === 'rtl' ? 'inherit' : '10px'};\r\n right: ${props =>\r\n props['data-rtl'] === 'rtl' ? '10px' : 'inherit'};\r\n ${borderRadius('50%')};\r\n }\r\n }\r\n\r\n &.isoMail {\r\n .isoIconWrapper {\r\n span {\r\n background-color: ${palette('color', 0)};\r\n }\r\n }\r\n }\r\n\r\n &.isoNotify {\r\n .isoIconWrapper {\r\n span {\r\n background-color: ${palette('primary', 2)};\r\n }\r\n }\r\n }\r\n\r\n &.isoMsg {\r\n .isoIconWrapper {\r\n span {\r\n background-color: ${palette('color', 1)};\r\n }\r\n }\r\n }\r\n\r\n &.isoCart {\r\n .isoIconWrapper {\r\n span {\r\n background-color: ${palette('color', 2)};\r\n }\r\n }\r\n }\r\n\r\n &.isoUser {\r\n .isoImgWrapper {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n background-color: ${palette('grayscale', 1)};\r\n ${borderRadius('50%')};\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .isoUserDropdown {\r\n .ant-popover-inner {\r\n .ant-popover-inner-content {\r\n .isoUserDropdownContent {\r\n padding: 7px 0;\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n background-color: #ffffff;\r\n width: 220px;\r\n min-width: 160px;\r\n flex-shrink: 0;\r\n .isoBorderRadius(5px);\r\n ${borderRadius('5px')};\r\n ${boxShadow('0 2px 10px rgba(0,0,0,0.2)')};\r\n ${transition()};\r\n\r\n .isoDropdownLink {\r\n font-size: 13px;\r\n color: ${palette('text', 1)};\r\n line-height: 1.1;\r\n padding: 7px 15px;\r\n background-color: transparent;\r\n text-decoration: none;\r\n display: flex;\r\n justify-content: flex-start;\r\n ${transition()};\r\n\r\n &:hover {\r\n background-color: ${palette('secondary', 6)};\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Dropdown\r\n .ant-popover {\r\n .ant-popover-inner {\r\n .ant-popover-inner-content {\r\n .isoDropdownContent {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n background-color: #ffffff;\r\n width: 360px;\r\n min-width: 160px;\r\n flex-shrink: 0;\r\n ${borderRadius('5px')};\r\n ${boxShadow('0 2px 10px rgba(0,0,0,0.2)')};\r\n ${transition()};\r\n\r\n @media only screen and (max-width: 767px) {\r\n width: 310px;\r\n }\r\n\r\n .isoDropdownHeader {\r\n border-bottom: 1px solid #f1f1f1;\r\n margin-bottom: 0px;\r\n padding: 15px 30px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n h3 {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: ${palette('text', 0)};\r\n text-align: center;\r\n text-transform: uppercase;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .isoDropdownBody {\r\n width: 100%;\r\n height: 300px;\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 10px;\r\n background-color: ${palette('grayscale', 6)};\r\n\r\n .isoDropdownListItem {\r\n padding: 15px 30px;\r\n flex-shrink: 0;\r\n text-decoration: none;\r\n display: flex;\r\n flex-direction: column;\r\n text-decoration: none;\r\n width: 100%;\r\n ${transition()};\r\n\r\n &:hover {\r\n background-color: ${palette('grayscale', 3)};\r\n }\r\n\r\n .isoListHead {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n }\r\n\r\n h5 {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: ${palette('text', 0)};\r\n margin-top: 0;\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: ${palette('text', 2)};\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n .isoDate {\r\n font-size: 11px;\r\n color: ${palette('grayscale', 1)};\r\n flex-shrink: 0;\r\n }\r\n }\r\n }\r\n\r\n .isoViewAllBtn {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: ${palette('text', 2)};\r\n padding: 10px 15px 20px;\r\n display: flex;\r\n text-decoration: none;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n ${transition()};\r\n\r\n &:hover {\r\n color: ${palette('primary', 0)};\r\n }\r\n }\r\n\r\n .isoDropdownFooterLinks {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 30px 20px;\r\n\r\n a {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: ${palette('text', 0)};\r\n text-decoration: none;\r\n padding: 10px 20px;\r\n line-height: 1;\r\n border: 1px solid ${palette('border', 1)};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n ${transition()};\r\n\r\n &:hover {\r\n background-color: ${palette('primary', 0)};\r\n border-color: ${palette('primary', 0)};\r\n color: #ffffff;\r\n }\r\n }\r\n\r\n h3 {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: ${palette('text', 0)};\r\n line-height: 1.3;\r\n }\r\n }\r\n\r\n &.withImg {\r\n .isoDropdownListItem {\r\n display: flex;\r\n flex-direction: row;\r\n\r\n .isoImgWrapper {\r\n width: 35px;\r\n height: 35px;\r\n overflow: hidden;\r\n margin-right: 15px;\r\n display: -webkit-inline-flex;\r\n display: -ms-inline-flex;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n background-color: ${palette('grayscale', 9)};\r\n ${borderRadius('50%')};\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n .isoListContent {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .isoListHead {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n }\r\n\r\n h5 {\r\n margin-bottom: 0;\r\n padding-right: 15px;\r\n }\r\n\r\n .isoDate {\r\n font-size: 11px;\r\n color: ${palette('grayscale', 1)};\r\n flex-shrink: 0;\r\n }\r\n\r\n p {\r\n white-space: normal;\r\n line-height: 1.5;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.topbarMail {\r\n .ant-popover-inner {\r\n .ant-popover-inner-content {\r\n .isoDropdownContent {\r\n @media only screen and (max-width: 519px) {\r\n right: -170px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.topbarMessage {\r\n .ant-popover-inner {\r\n .ant-popover-inner-content {\r\n .isoDropdownContent {\r\n @media only screen and (max-width: 500px) {\r\n right: -69px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.topbarNotification {\r\n .ant-popover-inner {\r\n .ant-popover-inner-content {\r\n .isoDropdownContent {\r\n @media only screen and (max-width: 500px) {\r\n right: -120px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.topbarAddtoCart {\r\n .ant-popover-inner {\r\n .ant-popover-inner-content {\r\n .isoDropdownContent {\r\n @media only screen and (max-width: 465px) {\r\n right: -55px;\r\n }\r\n\r\n .isoDropdownHeader {\r\n margin-bottom: 0;\r\n }\r\n\r\n .isoDropdownBody {\r\n background-color: ${palette('grayscale', 6)};\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`;\r\n\r\nexport default WithDirection(TopbarWrapper);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Layout } from 'antd';\r\nimport appActions from '../../redux/app/actions';\r\nimport TopbarUser from './topbarUser';\r\nimport TopbarWrapper from './topbar.style';\r\n\r\nconst { Header } = Layout;\r\nconst { toggleCollapsed } = appActions;\r\n\r\nclass Topbar extends Component {\r\n render() {\r\n const { toggleCollapsed, customizedTheme, locale } = this.props;\r\n const collapsed = this.props.collapsed && !this.props.openDrawer;\r\n const styling = {\r\n background: customizedTheme.backgroundColor,\r\n position: 'fixed',\r\n width: '100%',\r\n height: 70\r\n };\r\n return (\r\n \r\n
\r\n\r\n - \r\n
\r\n {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AppRouter;\r\n","const theme = {};\r\n\r\ntheme.palette = {\r\n primary: [\r\n '#4482FF', // 0: Default\r\n '#3A78F5', // 1: Darken 4%\r\n '#3775F2', // 2: Darken 5%\r\n 'rgba(68, 130, 255, 0.2)', // 3: Fade 20%\r\n '#4C8AFF', // 4: Lighten 3%\r\n 'rgba(68, 130, 255, 0.75)', // 5: Fade 75%\r\n '#6AA8FF', // 6: Lighten 15%\r\n '#63A1FF', // 7: Lighten 12%\r\n '#3F7DFA', // 8: Darken 2%\r\n '#3369e7', // 9: Algolia color\r\n '#5896FF', // 10: Lighten 8%\r\n '#2b69e6', // 11:\r\n '#236cfe', // 12: darken 10%\r\n '#4d88ff', // 13: Lighten 5%\r\n ],\r\n secondary: [\r\n '#2d3446', // 0: DarkBlue\r\n '#f1f3f6', // 1: LightBluish\r\n '#788195', // 2: LightBlue\r\n '#E4E6E9', // 3: LightBluish Darken 5%\r\n '#364d79', // 4:\r\n '#202739', // 5: DarkBlue Darken 5%\r\n '#f5f6f8', // 6: LighterBluish\r\n '#e9ebf1', // 7: DarkBluish\r\n '#F6F8FB', // 8: LighterBluish Lighten 2%\r\n '#E9EBEE', // 9: LighterBluish Darken 3%\r\n '#1a1a1a', // 10: Sidebar submenu select\r\n ],\r\n color: [\r\n '#FEAC01', // 0: Orange\r\n '#42299a', // 1: Purple\r\n '#F75D81', // 2: Pink\r\n '#7ED321', // 3: LimeGreen\r\n '#39435f', // 4: BlueShade\r\n '#FFCA28', // 5: Yellow\r\n '#F2BD1B', // 6: Yellow Darken 5%\r\n '#3b5998', // 7: Facebook\r\n '#344e86', // 8: Facebook Darken 5%\r\n '#dd4b39', // 9: Google Plus\r\n '#d73925', // 10: Google Plus Darken 5%\r\n '#e14615', // 11: Auth0\r\n '#ca3f13', // 12: Auth0\r\n '#e0364c', // 13: themeColor--AlizarinCrimson\r\n ],\r\n warning: [\r\n '#ffbf00', // 0: Warning\r\n ],\r\n success: [\r\n '#00b16a', // 0: Success\r\n ],\r\n error: [\r\n '#f64744', // 0: Error\r\n '#EC3D3A', // 1: Darken 4%\r\n '#FF5B58', // 2: Lighten 8%\r\n ],\r\n grayscale: [\r\n '#bababa', // 0: GreyShade\r\n '#c1c1c1', // 1: GreyDark\r\n '#D8D8D8', // 2: Grey\r\n '#f1f1f1', // 3: GreyAlt\r\n '#F3F3F3', // 4: GreyLight\r\n '#fafafa', // 5: DarkWhite\r\n '#F9F9F9', // 6: DarkerWhite\r\n '#fcfcfc', // 7: #fff Darken 1%\r\n '#eeeeee', // 8:\r\n '#fbfbfb', // 9:\r\n '#f5f5f5', // 10:\r\n '#f7f8f9', // 11: today-highlight-bg\r\n ],\r\n text: [\r\n '#323332', // 0: Heading\r\n '#595959', // 1: HeadingLight\r\n '#979797', // 2: Text\r\n '#797979', // 3: TextDark\r\n '#6a6c6a', // 4: Heading Lighten 22%\r\n ],\r\n border: [\r\n '#e9e9e9', // 0: Border\r\n '#d8d8d8', // 1: BorderDark\r\n '#ebebeb', // 2: BorderLight\r\n '#d3d3d3', // 3:\r\n 'rgba(228, 228, 228, 0.65)', // 4:\r\n ],\r\n\r\n calendar: [\r\n '#905', // 0:\r\n '#690', // 1:\r\n '#a67f59', // 2:\r\n '#07a', // 3:\r\n '#dd4a68', // 4:\r\n '#e90', // 5:\r\n ],\r\n};\r\n\r\ntheme.fonts = {\r\n primary: 'Roboto, sans-serif',\r\n pre: 'Consolas, Liberation Mono, Menlo, Courier, monospace',\r\n};\r\n\r\nexport default theme;\r\n","import defaultTheme from './themedefault';\r\nimport clone from 'clone';\r\n\r\nconst theme = clone(defaultTheme);\r\ntheme.palette.primary = ['#f00'];\r\ntheme.palette.secondary = ['#0f0'];\r\nexport default theme;\r\n","import themedefault from './themedefault';\r\nimport theme2 from './theme2';\r\n\r\nconst themes = {\r\n themedefault,\r\n theme2\r\n};\r\nexport default themes;\r\n","import styled from 'styled-components';\r\nimport { palette } from 'styled-theme';\r\n\r\nconst AppHolder = styled.div`\r\n -webkit-overflow-scrolling: touch;\r\n .trigger {\r\n font-size: 18px;\r\n line-height: 64px;\r\n padding: 0 16px;\r\n cursor: pointer;\r\n transition: color 0.3s;\r\n }\r\n\r\n .trigger:hover {\r\n color: ${palette('primary', 0)};\r\n }\r\n\r\n .ant-layout-sider-collapsed .anticon {\r\n font-size: 16px;\r\n }\r\n\r\n .ant-layout-sider-collapsed .nav-text {\r\n display: none;\r\n }\r\n\r\n .ant-layout {\r\n background: ${palette('secondary', 1)};\r\n\r\n &.isoContentMainLayout {\r\n overflow: auto;\r\n overflow-x: hidden;\r\n @media only screen and (min-width: 768px) and (max-width: 1220px) {\r\n width: calc(100% - 80px);\r\n flex-shrink: 0;\r\n }\r\n\r\n @media only screen and (max-width: 767px) {\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n }\r\n }\r\n\r\n .isoLayoutContent {\r\n width: 100%;\r\n padding: 35px;\r\n background-color: #ffffff;\r\n border: 1px solid ${palette('border', 0)};\r\n height: 100%;\r\n }\r\n\r\n .isomorphicLayout {\r\n width: calc(100% - 240px);\r\n flex-shrink: 0;\r\n overflow-x: hidden !important;\r\n\r\n @media only screen and (max-width: 767px) {\r\n width: 100%;\r\n }\r\n\r\n @media only screen and (min-width: 768px) and (max-width: 1220px) {\r\n width: calc(100% - 80px);\r\n width: 100%;\r\n }\r\n }\r\n\r\n .ant-layout-footer {\r\n font-size: 13px;\r\n @media (max-width: 767px) {\r\n padding: 10px 20px;\r\n }\r\n }\r\n\r\n ${'' /* button {\r\n border-radius: 0;\r\n } */};\r\n`;\r\n\r\nexport default AppHolder;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Layout, LocaleProvider } from 'antd';\r\nimport { IntlProvider } from 'react-intl';\r\nimport { Debounce } from 'react-throttle';\r\nimport WindowResizeListener from 'react-window-size-listener';\r\nimport { ThemeProvider } from 'styled-components';\r\nimport appActions from '../../redux/app/actions';\r\nimport Sidebar from '../Sidebar/Sidebar';\r\nimport Topbar from '../Topbar/Topbar';\r\nimport AppRouter from './AppRouter';\r\nimport { siteConfig } from '../../settings';\r\nimport { AppLocale } from '../../dashApp';\r\nimport themes from '../../settings/themes';\r\nimport AppHolder from './commonStyle';\r\nimport './global.css';\r\n\r\nconst { Content, Footer } = Layout;\r\nconst { toggleAll } = appActions;\r\nexport class App extends Component {\r\n render() {\r\n const { url } = this.props.match;\r\n const { locale, selectedTheme, height } = this.props;\r\n const currentAppLocale = AppLocale[locale];\r\n const appHeight = window.innerHeight;\r\n return (\r\n \r\n import('./containers/Status'))}\r\n /> \r\n import('./containers/Page/404'))}\r\n />\r\n import('./containers/Page/500'))}\r\n />\r\n import('./containers/Page/signin'))}\r\n />\r\n\r\n
\r\n