\n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n Client User\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n 
\n Client User\n \n \n \n
\n \n \n \n \n \n 
\n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n {/*
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n Admin\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n Admin\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n {/*
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n Operations Supervisor\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n Operations Supervisor\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n {/*
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n CST Supervisor\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n CST Supervisor\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n
\n );\n }\n\n document.title = title + BASE_TITLE;\n }\n\n return \n
\n \n
\n \n \n \n \n \n \n \n {mainContent}\n {itemContent}\n \n
\n \n
\n {title}
\n\n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n Operations\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n Operations\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n {/*
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n CST\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n CST\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n CST\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n
\n );\n }\n\n document.title = title + BASE_TITLE;\n }\n\n return \n
\n \n
\n \n \n \n \n \n \n \n {mainContent}\n {itemContent}\n \n
\n \n
\n {title}
\n\n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n John Doe\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n John Doe\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n {/*
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n Quality Control\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n Quality Control\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n {/*
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n Client User\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n Client User\n \n \n \n
\n \n \n \n \n \n \n \n setMoreToggle(!moreToggle)}>\n \n \n
\n \n
\n {navBar}
;\n }\n\n return (\n \n
\n );\n }\n\n document.title = title + BASE_TITLE;\n }\n\n return \n
\n \n
\n \n \n \n {/* */}\n \n {/* */}\n \n {mainContent}\n {itemContent}\n \n
\n \n
\n {title}
\n\n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n John Doe\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n John Doe\n \n \n \n
\n \n {/* Remove comment to enable side nav menu */}\n {/* \n \n */}\n \n \n \n {/* Enable the comment to enable profile options */}\n {/* setMoreToggle(!moreToggle)}>\n \n */}\n
\n \n
\n {navBar}
;\n }\n\n return (\n \n
\n );\n }\n\n document.title = title + BASE_TITLE;\n }\n\n return \n
\n \n
\n \n \n \n \n \n \n \n {mainContent}\n {itemContent}\n \n
\n \n
\n {title}
\n\n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n
\n \n \n \n {navItems}\n \n \n
\n );\n }\n\n return \n
\n );\n if (windowSize.width < 992) {\n navContent = (\n \n
\n );\n }\n return (\n {data.new}
;\n }\n\n return (\n \n {data.name}\n {time}\n
\n\n
\n {message.msg}
\n{message.time}
\n\n
\n CHAT NOT FOUND
\n\n
\n \n
\n {user.name}
\n \n \n \n\n
\n \n \n \n
\n {message}
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n
\n Notifications
\n\n \n mark as read\n \n clear all\n
\n NEW
\n\n John Doe\n \n \n 30 min\n \n
\nNew ticket Added
\nEARLIER
\n\n Joseph William\n \n \n 30 min\n \n
\nPurchase New Theme and make payment
\n\n Sara Soudein\n \n \n 30 min\n \n
\ncurrently login
\n\n Suzen\n \n \n yesterday\n \n
\nPurchase New Theme and make payment
\n\n show all\n
\n \n \n Accounts User\n \n \n \n
\n \n {/* Remove comment to enable side nav menu */}\n {/* \n \n */}\n \n \n \n {/* Enable the comment to enable profile options */}\n {/* setMoreToggle(!moreToggle)}>\n \n */}\n
\n \n
\n {navBar}
;\n }\n\n return (\n \n
\n );\n }\n\n document.title = title + BASE_TITLE;\n }\n\n return \n
\n \n
\n \n \n \n \n \n \n \n {mainContent}\n {itemContent}\n \n
\n \n
\n {title}
\n\n dispatch({ type: actionType.BOX_LAYOUT })}\n />\n
\n );\n\n let layoutOptionHeaderFixWithoutBox = '';\n let layoutOptionNavFixWithoutBox = '';\n if (!boxLayout) {\n layoutOptionHeaderFixWithoutBox = (\n \n dispatch({ type: actionType.HEADER_FIXED_LAYOUT })}\n />\n
\n );\n layoutOptionNavFixWithoutBox = (\n \n dispatch({ type: actionType.NAV_FIXED_LAYOUT })}\n />\n
\n );\n }\n\n layoutOption = (\n \n
\n );\n\n return (\n \n dispatch({ type: actionType.RTL_LAYOUT })}\n />\n
\n {layoutOptionNavFixWithoutBox}\n {layoutOptionHeaderFixWithoutBox}\n {layoutOption}\n \n {layoutOption} \n
\n \n \n \n
\n header background
\n\n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-blue' })}\n className={headerBackColor === 'header-blue' ? 'active' : ''}\n data-value=\"header-blue\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-red' })}\n className={headerBackColor === 'header-red' ? 'active' : ''}\n data-value=\"header-red\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-purple' })}\n className={headerBackColor === 'header-purple' ? 'active' : ''}\n data-value=\"header-purple\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-info' })}\n className={headerBackColor === 'header-info' ? 'active' : ''}\n data-value=\"header-info\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-dark' })}\n className={headerBackColor === 'header-dark' ? 'active' : ''}\n data-value=\"header-dark\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orange' })}\n className={headerBackColor === 'header-orange' ? 'active' : ''}\n data-value=\"header-orange\"\n >\n \n \n \n
\n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-green' })}\n className={headerBackColor === 'header-green' ? 'active' : ''}\n data-value=\"header-green\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-yellow' })}\n className={headerBackColor === 'header-yellow' ? 'active' : ''}\n data-value=\"header-yellow\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-orchidgreen' })}\n className={headerBackColor === 'header-orchidgreen' ? 'active' : ''}\n data-value=\"header-orchidgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-indigogreen' })}\n className={headerBackColor === 'header-indigogreen' ? 'active' : ''}\n data-value=\"header-indigogreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkgreen' })}\n className={headerBackColor === 'header-darkgreen' ? 'active' : ''}\n data-value=\"header-darkgreen\"\n >\n \n \n \n dispatch({ type: actionType.HEADER_BACK_COLOR, headerBackColor: 'header-darkblue' })}\n className={headerBackColor === 'header-darkblue' ? 'active' : ''}\n data-value=\"header-darkblue\"\n >\n \n \n \n
\n Layouts
\n\n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-dark' })}\n title=\"Default Layout\"\n className={layoutType === 'menu-dark' ? 'active' : ''}\n data-value=\"menu-dark\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'menu-light' })}\n title=\"Light\"\n className={layoutType === 'menu-light' ? 'active' : ''}\n data-value=\"menu-light\"\n >\n \n \n \n dispatch({ type: actionType.LAYOUT_TYPE, layoutType: 'dark' })}\n title=\"Dark\"\n className={layoutType === 'dark' ? 'active' : ''}\n data-value=\"dark\"\n >\n \n \n \n dispatch({ type: actionType.RESET })}\n title=\"Reset\"\n className={layoutType === 'reset' ? 'active' : ''}\n data-value=\"reset\"\n >\n Reset to Default\n \n
\n \n
\n \n setConfigOpen(!configOpen)}>\n *\n \n
\n \n
\n
\n Live Menu Customizer
\n\n
\n
\n \n {common}\n
\n );\n }\n\n return (\n mobileOutClickHandler}>\n
\n \n
\n \n
\n \n
\n