\n
\n )\n}\n\nexport default BlankLayout\n","// ** React Imports\nimport { useState } from 'react'\n\n// ** Third Party Components\nimport Select from 'react-select'\nimport classnames from 'classnames'\nimport { Settings, X } from 'react-feather'\nimport { CustomInput, FormGroup } from 'reactstrap'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport { selectThemeColors } from '@utils'\n\n// ** Styles\nimport '@styles/react/libs/react-select/_react-select.scss'\n\nconst Customizer = props => {\n // ** Props\n const {\n skin,\n setSkin,\n isRtl,\n setIsRtl,\n layout,\n setLayout,\n navbarType,\n setNavbarType,\n footerType,\n setFooterType,\n navbarColor,\n setNavbarColor,\n isHidden,\n setIsHidden,\n contentWidth,\n setContentWidth,\n menuCollapsed,\n setMenuCollapsed,\n transition,\n setTransition\n } = props\n\n // ** State\n const [openCustomizer, setOpenCustomizer] = useState(false)\n\n // ** Toggles Customizer\n const handleToggle = e => {\n e.preventDefault()\n setOpenCustomizer(!openCustomizer)\n }\n\n // ** Render Layout Skin Options\n const renderSkinsRadio = () => {\n const skinsArr = [\n {\n name: 'light',\n label: 'Light',\n checked: skin === 'light'\n },\n {\n name: 'bordered',\n label: 'Bordered',\n checked: skin === 'bordered'\n },\n {\n name: 'dark',\n label: 'Dark',\n checked: skin === 'dark'\n },\n {\n name: 'semi-dark',\n label: 'Semi Dark',\n checked: skin === 'semi-dark'\n }\n ]\n\n return skinsArr.map((radio, index) => {\n const marginCondition = index !== skinsArr.length - 1\n\n if (layout === 'HorizontalLayout' && radio.name === 'semi-dark') {\n return null\n }\n\n return (\n \n
\n \n
\n {children}
\n \n\n
\n \n \n\n \n \n\n \n \n\n \n \n
\n\n Skin
\n{renderSkinsRadio()}
\n Content Width
\n\n setContentWidth('full')}\n />\n setContentWidth('boxed')}\n />\n
\n \n setIsRtl(!isRtl)} />\n
\n RTL
\n\n setTransition(value)}\n />\n
\n Router Transition
\n\n\n
\n \n \n {layout !== 'HorizontalLayout' ? (\n \n \n ) : null}\n\n \n \n
\n\n Menu Layout
\n\n setLayout('vertical')}\n className='mr-1'\n />\n setLayout('horizontal')}\n />\n
\n \n setMenuCollapsed(!menuCollapsed)}\n />\n
\n Menu Collapsed
\n\n
\n Menu Hidden
\n\n\n
\n {layout !== 'HorizontalLayout' ? (\n \n \n ) : null}\n\n \n \n
\n\n Navbar Color
\n- {renderNavbarColors()}
{layout === 'HorizontalLayout' ? 'Menu' : 'Navbar'} Type
\n{renderNavbarTypeRadio()}
\n \n\n
\n \n \n
\n Footer Type
\n{renderFooterTypeRadio()}
\n \n \n COPYRIGHT © {new Date().getFullYear()}{' '}\n \n Whitethread\n \n , All rights Reserved\n \n {/* \n Hand-crafted & Made with\n
\n
\n \n )\n}\n\nexport default Footer\n","// ** React Imports\nimport { useContext } from 'react'\n\n// ** Third Party Components\nimport ReactCountryFlag from 'react-country-flag'\nimport { UncontrolledDropdown, DropdownMenu, DropdownItem, DropdownToggle } from 'reactstrap'\n\n// ** Internationalization Context\nimport { IntlContext } from '@src/utility/context/Internationalization'\n\nconst IntlDropdown = () => {\n // ** Context\n const intlContext = useContext(IntlContext)\n // const {locale, messages} = useContext(IntlContext)\n // console.log(locale, messages)\n\n // ** Vars\n // const langObj = {\n // en: 'English',\n // de: 'German',\n // fr: 'French',\n // pt: 'Portuguese'\n // }\n const langObj = {\n en: 'English',\n ta: 'Tamil',\n ka: 'Kannada',\n hi: 'Hindi'\n }\n\n // ** Function to switch Language\n const handleLangUpdate = (e, lang) => {\n e.preventDefault()\n intlContext.switchLanguage(lang)\n }\n\n return (\n { setMenuVisibility(true) }} className='d-flex flex-column justify-content-center align-items-center'>\n \n Menu\n
\n { history.push('/q&a') }} className='d-flex flex-column justify-content-center align-items-center'>\n
\n { history.push('/notification') }} className='d-flex flex-column justify-content-center align-items-center'>\n
\n {\n setmodel1(true)\n // sendMessageToRN()\n }} className='d-flex flex-column justify-content-center align-items-center'>\n
\n\n \n {/*NAZIM*/} {userDetails?.UserName || userData?.UserInfo?.UserName} \n {/* {\"submenu\"} */}\n {/* {userDetails?.Role[0] || <>{userData?.UserInfo?.Role[0] + userData?.UserInfo?.Role?.length > 1 && \"...\" + userData?.UserInfo?.Role?.length} || \"submenu\"} */}\n {/* {userDetails?.Role[0] || userData?.UserInfo?.Role.map((e) => { return (<>{e},) }) || \"submenu\"} */}\n {/* Moderator */}\n
\n {/* \n
\n {navbarSearch ? (\n \n {item.icon ? (\n 
\n ) : item.img ? (\n 
\n ) : null}\n
\n {item.size || item.date ? (\n \n
\n {item.title}
\n {item.by || item.email ? (\n {item.by ? item.by : item.email ? item.email : null}\n ) : null}\n\n {item.size ? item.size : item.date ? item.date : null}\n
\n ) : null}\n \n \n )\n }}\n />\n ) : null}\n \n {\n e.stopPropagation()\n setNavbarSearch(false)\n handleClearQueryInStore()\n }}\n />\n
\n \n \n {\n moment(item.RecordedAt).format(\"Do MMM YY, h:mm a\")\n }\n
*/}\n\n No notification\n
}\n \n )\n }\n /*eslint-enable */\n\n return (\n Notifications
\n {/*- \n {/*
\n
\n {/* - \n
- \n {renderBookmarks()}\n {renderExtraBookmarksDropdown()}\n
\n handleClearInput(setUserInput)}\n onKeyDown={onKeyDown}\n value={value}\n onChange={handleInputChange}\n customRender={(\n item,\n i,\n filteredData,\n activeSuggestion,\n onSuggestionItemClick,\n onSuggestionItemHover\n ) => {\n const IconTag = Icon[item.icon ? item.icon : 'X']\n return (\n onSuggestionItemHover(filteredData.indexOf(item))}\n className={classnames('suggestion-item d-flex align-items-center justify-content-between', {\n active: filteredData.indexOf(item) === activeSuggestion\n })}\n >\n {\n setOpenSearch(false)\n handleClearQueryInStore()\n }}\n style={{\n width: 'calc(90%)'\n }}\n >\n handleBookmarkUpdate(item.id)}\n />\n \n )\n }}\n />\n ) : null}\n
\n \n
\n {openSearch && store.suggestions.length ? (\n \n
\n \n \n
\n \n
\n )\n}\n\nexport default VerticalMenuHeader\n","import { Mail, MessageSquare, CheckSquare, Calendar, FileText, Circle, ShoppingCart, User, Server, Grid } from 'react-feather'\n\nexport default [\n {\n header: 'Apps & Pages'\n },\n {\n id: 'table',\n title: 'Table Moderator',\n icon: - \n
- \n
\n \n {(menuCollapsed === true && !menuHover) && \n}\n \n\n \n {(menuCollapsed === false || menuHover) &&
Zam Zam
*/}\n {/*{themeConfig.app.appName}
*/}\n \n - \n \n\n
\n setMenuVisibility(false)} className='toggle-icon icon-x d-block d-xl-none' size={20} />\n \n
- \n
- \n
\n {navbar ? navbar :
\n \n {windowWidth < 435 && \n \n \n \n
\n ) : null}\n \n )\n}\n\nexport default VerticalLayout\n","// !Do not remove the Layout import\nimport Layout from '@layouts/VerticalLayout'\n\nconst VerticalLayout = props => \n \n
\n )\n}\n\nexport default HorizontalMenu\n","// ** React Imports\nimport { useState, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\n\n// ** Store & Actions\nimport { useSelector, useDispatch } from 'react-redux'\nimport { handleMenuHidden, handleContentWidth } from '@store/actions/layout'\n\n// ** Third Party Components\nimport classnames from 'classnames'\nimport { ArrowUp } from 'react-feather'\nimport ScrollToTop from 'react-scroll-up'\nimport { Navbar, NavItem, Button } from 'reactstrap'\n\n// ** Configs\nimport themeConfig from '@configs/themeConfig'\n\n// ** Custom Components\nimport Customizer from '@components/customizer'\nimport NavbarComponent from './components/navbar'\nimport FooterComponent from './components/footer'\nimport MenuComponent from './components/menu/horizontal-menu'\n\n// ** Custom Hooks\nimport { useRTL } from '@hooks/useRTL'\nimport { useSkin } from '@hooks/useSkin'\nimport { useNavbarType } from '@hooks/useNavbarType'\nimport { useFooterType } from '@hooks/useFooterType'\nimport { useNavbarColor } from '@hooks/useNavbarColor'\n\n// ** Styles\nimport '@styles/base/core/menu/menu-types/horizontal-menu.scss'\n\nconst HorizontalLayout = props => {\n // ** Props\n const { children, navbar, footer, menu, currentActiveItem, routerProps } = props\n\n // ** Hooks\n const [skin, setSkin] = useSkin()\n const [isRtl, setIsRtl] = useRTL()\n const [navbarType, setNavbarType] = useNavbarType()\n const [footerType, setFooterType] = useFooterType()\n const [navbarColor, setNavbarColor] = useNavbarColor()\n\n // ** States\n const [isMounted, setIsMounted] = useState(false)\n const [navbarScrolled, setNavbarScrolled] = useState(false)\n\n // ** Store Vars\n const dispatch = useDispatch()\n const layoutStore = useSelector(state => state.layout)\n\n // ** Vars\n const contentWidth = layoutStore.contentWidth\n const isHidden = layoutStore.menuHidden\n\n // ** Handles Content Width\n const setContentWidth = val => dispatch(handleContentWidth(val))\n\n // ** Handles Content Width\n const setIsHidden = val => dispatch(handleMenuHidden(val))\n\n // ** UseEffect Cleanup\n const cleanup = () => {\n setIsMounted(false)\n setNavbarScrolled(false)\n }\n\n //** ComponentDidMount\n useEffect(() => {\n setIsMounted(true)\n window.addEventListener('scroll', function () {\n if (window.pageYOffset > 65 && navbarScrolled === false) {\n setNavbarScrolled(true)\n }\n if (window.pageYOffset < 65) {\n setNavbarScrolled(false)\n }\n })\n return () => cleanup()\n }, [])\n\n // ** Vars\n const footerClasses = {\n static: 'footer-static',\n sticky: 'footer-fixed',\n hidden: 'footer-hidden'\n }\n\n const navbarWrapperClasses = {\n floating: 'navbar-floating',\n sticky: 'navbar-sticky',\n static: 'navbar-static'\n }\n\n const navbarClasses = {\n floating: 'floating-nav',\n sticky: 'fixed-top'\n }\n\n const bgColorCondition = navbarColor !== '' && navbarColor !== 'light' && navbarColor !== 'white'\n\n if (!isMounted) {\n return null\n }\n\n return (\n \n
\n )}\n\n - \n
{themeConfig.app.appName}
\n \n\n {navbar ? navbar :
\n \n {!isHidden ? (\n \n \n {menu ? menu :
\n ) : null}\n\n {children}\n {themeConfig.layout.customizer === true ? (\n \n \n \n \n
\n ) : null}\n \n )\n}\nexport default HorizontalLayout\n","// !Do not remove the Layout import\nimport Layout from '@layouts/HorizontalLayout'\n\nconst HorizontalLayout = props => \n
\n )\n}\n\nexport default OfflinePage\n","// ** Router Import\nimport CacheBuster from './CacheBuster'\nimport Router from './router/Router'\nimport IdleTimerContainer from './IdleTimerContainer'\nimport OfflinePage from './views/OfflinePageNew/offlinePage'\nimport { useState } from 'react'\nconst App = props => {\n const [network, setnetwork] = useState(\"online\")\n\n function updateOnlineStatus(event) {\n console.log(\"event\", event.type)\n setnetwork(event.type)\n }\n\n window.addEventListener('online', updateOnlineStatus)\n window.addEventListener('offline', updateOnlineStatus)\n return (\n\n // cachebuster is a function used to clear the cache when the version is updated where we are returning the \n
\n Offline View
\n2017. 2-minute read.
\nDo you want to be productive? Just go offline, because to maintain a constant connection to the internet is to maintain a constant connection to interruptions, both external and internal.
\nThe external interruptions are legion and well documented: you have a new message on Gmail, Slack, Twitter, Facebook, Instagram, Snapchat, LinkedIn. Friends, family, coworkers, and spammers: each have direct access to your precious attention.
\nBut it’s the internal distractions that are truly pernicious. You can mute Twitter notifications and log off from Slack, but how do you stop your own mind from derailing you?
\nI have spent hours caught in webs of my own curiosity. Most dangerous is the split-second whim: “I wonder what the second most commonly spoken language is?” Those 500 milliseconds could change your day, because it's never just one Google search, never just one Wikipedia article. Disconnecting from the internet short-circuits those whims, allowing you to move on unencumbered.
\n(It’s Spanish, by the way.)
\nThis page itself is an experiment in that vein: What if certain content required us to disconnect? What if readers had access to that glorious focus that makes devouring a novel for hours at a time so satisfying? What if creators could pair that with the power of modern devices? Our phones and laptops are amazing platforms for inventive content—if only we could harness our own attention.
\nOffline-only content would also force creators to think differently. Look up; there was not a single link to distract readers. How many good articles have you left half-read because you chased a shiny underlined link? When you are offline, right here is the only place you can be.
\nI can already hear the groans: “But I have to be online for my job.” I don’t care. Make time. I bet the thing that makes you valuable is not your ability to Google something but your ability to synthesize information. Do your research online; create offline.
\nNow back to your regularly scheduled internet. Just remember to give yourself an occasional gift of disconnection..
\n❤️ Chris Bolin
\nUpdate: This little experiment in 2017 has become something bigger: The Disconnect is an offline digital magazine on the web.
\n \n \n\n setTimerModal(!timerModal)}>\n ZamZam Academy \n \n \n \n \n \n \n \n
\n )\n}\n\nexport default IdleTimerContainer\n"],"sourceRoot":""}You've been idle for a while!
\nYou will be logged out soon
\n