{children}
\n );\n}\n","export const UI_TYPES = {\n SHOW_SEARCH_TRUE: 'SHOW_SEARCH_TRUE',\n WARN: 'WARN',\n ERROR: 'ERROR',\n CLEAR: 'CLEAR'\n};","import { deleteCookie } from '../utils/utils';\nimport ConnectNigeria from './ConnectNigeria';\n\nexport const authRequests = {\n requestLogin,\n requestSocialLogin,\n requestLogout,\n requestRegister,\n requestGooglelogin\n};\n\nasync function requestGooglelogin(){\n return ConnectNigeria.get(`${process.env.REACT_APP_API_HOST}/user/auth/google/redirect-url`)\n .then(response => {\n return {\n success: true,\n data: response.data\n };\n })\n .catch(error => {\n return {\n success: false,\n error: error.response.data\n };\n });\n}\n\n\nasync function requestLogin(email, password) {\n return await ConnectNigeria.post('/user/auth/login', {\n email,\n password\n })\n .then(res => {\n return {\n success: true,\n data: res.data\n };\n })\n .catch(err => {\n return {\n success: false,\n error: err.response.data\n };\n });\n}\n\nfunction requestLogout() {\n deleteCookie('auth:hash');\n}\n\nasync function requestRegister(data) {\n return await ConnectNigeria.post('/user/auth/register', {\n ...data,\n callbackUrl: window.location.origin\n })\n .then(res => {\n return {\n success: true,\n data: res.data\n };\n })\n .catch(err => {\n return {\n success: false,\n error: err.response.data\n };\n });\n}\n\n\nasync function requestSocialLogin(userId, access_token, refId, provider) {\n return await ConnectNigeria.post('/user/auth/social/'+provider, {\n userId,\n access_token,\n referee_code: refId,\n callbackUrl: process.env.REACT_APP_CN_BASE_URL + '/verify'\n })\n .then(res => {\n return {\n success: true,\n data: res.data\n };\n })\n .catch(err => {\n return {\n success: false,\n error: err.response.data\n };\n });\n}","import { createSelector } from \"reselect\";\n\nconst selectListing = (state) => state.listingsReducer;\n\nexport const selectFeaturedListing = createSelector([selectListing], listings => listings.featured_listings);\n\nexport const selectListingLoader = createSelector([selectListing], listings => listings.loading);\n\nexport const selectListingDetail = createSelector([selectListing], listings => listings.listing);\n\nexport const selectListingCategories = createSelector([selectListing], listings => listings.categories);\n\nexport const selectListingCategory = createSelector([selectListing], listings => listings.category);\n\nexport const selectListingSubCategories = createSelector([selectListing], listings => listings.sub_categories);\n\nexport const selectListings = createSelector([selectListing], listings => listings.listings);","export default __webpack_public_path__ + \"static/media/arrow-right-long.345938c2.svg\";","import _ from \"lodash\";\nimport ConnectNigeria from \"./ConnectNigeria\";\n\nexport const requestFetchFeaturedListings = async (listingCategoryId, per_page = 10, page_no = 1) => {\n return await ConnectNigeria.get(`/generic/listing-categories/${listingCategoryId}/listings?include=listingCategory,listingSubCategory,properties,locations&filter[is_featured]=1&per_page=${per_page}&page=${page_no}`);\n};\n\nexport const requestFetchListingDetail = async (lisingCategoryId, listingId) => {\n return await ConnectNigeria.get(\n `/generic/listing-categories/${lisingCategoryId}/listings/${listingId}?include=owner,likes,listingCategory,listingSubCategory,properties,likes,reviews,gallery,tags,locations`\n );\n};\n\nexport const requestContactUs = async (contactDetail) => {\n return await ConnectNigeria.post(`/generic/contact-us`, contactDetail);\n};\n\nexport const requestFetchAllListingCategory = async () => {\n return await ConnectNigeria.get('/generic/listing-categories');\n};\n\nexport const requestFetchListingCategory = async (listingCategoryId) => {\n return await ConnectNigeria.get(`/generic/listing-categories/${listingCategoryId}?include=properties`);\n};\n\nexport const requestFetchListingSubCategory = async listingCategoryId => {\n return await ConnectNigeria.get(`/generic/listing-categories/${listingCategoryId}/sub-categories`);\n};\n\nexport const requestFetchListings = async (listingCategoryId, per_page = 10, page_no = 1) => {\n return await ConnectNigeria.get(`/generic/listing-categories/${listingCategoryId}/listings?include=listingCategory,properties,listingSubCategory,locations&per_page=${per_page}&page=${page_no}`);\n};\n\nexport const requestSearchListing = async (keyword, category, listingCategory, page_no = 1, filterOptions = []) => {\n let propertyQuery = '';\n let location = '';\n \n filterOptions = _.uniqBy(filterOptions.reverse(), 'name');\n\n for(let i = 0; i < filterOptions.length; i++){\n if(filterOptions[i]?.name !== 'location'){\n propertyQuery += `&properties[${filterOptions[i]?.name}]=${filterOptions[i]?.value}`;\n }else{\n location = filterOptions[i]?.value;\n break;\n }\n }\n \n listingCategory = listingCategory.replace('-', ' ');\n\n return await ConnectNigeria.get(`/generic/search?type=listing&${category ? `sub_category=${category}&` : ''}${location ? `location=${location}&` : ''}include=primaryLocation,primaryContact,properties&${keyword ? `keyword=${keyword}&` : ''}page=${page_no}&category=${listingCategory}${propertyQuery}`); \n};\n\nexport const requestCreateReview = async(body) => {\n return await ConnectNigeria.post(`user/reviews`, body);\n};\n\nexport const requestContactSeller = async (body) => {\n return await ConnectNigeria.post(`/generic/contact-us`, body);\n};\n\nexport const requestLikeAModel = async (body) => {\n return await ConnectNigeria.post(`/user/likes`, body);\n};\n\nexport const requestFetchListingThatBelongsToABusiness = async (businessId) => {\n return await ConnectNigeria.get(`/generic/businesses/${businessId}/listings?per_page=100`);\n};","import {\n requestContactSeller,\n requestContactUs,\n requestCreateReview,\n requestFetchAllListingCategory,\n requestFetchFeaturedListings,\n requestFetchListingCategory,\n requestFetchListingDetail,\n requestFetchListings,\n requestFetchListingSubCategory,\n requestFetchListingThatBelongsToABusiness,\n // requestFetchListingThatBelongsToTheOwner,\n requestLikeAModel,\n requestSearchListing\n} from '../../Services/listings.requests';\nimport { alertActions } from '../alert/alert.actions';\nimport { ListingTypes } from './listings.types';\n\n/**\n * \n * Fetch featured listing under cars.\n\n * @param {*} listingCategoryId \n * @returns \n */\nexport const fetchCarsFeaturedListings = (listingCategoryId, per_page, page_no) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_CARS_FEATURED_LISTING_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchFeaturedListings(listingCategoryId, per_page, page_no);\n\n dispatch({\n type: ListingTypes.FETCH_CARS_FEATURED_LISTING_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err);\n }\n };\n};\n\n/**\n * \n * Fetch featured listing under real estates.\n\n * @param {*} listingCategoryId \n * @returns \n */\nexport const fetchRealEstatesFeaturedListings = (\n listingCategoryId,\n per_page,\n page_no\n) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_REAL_ESTATES_FEATURED_LISTING_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchFeaturedListings(listingCategoryId, per_page, page_no);\n\n dispatch({\n type: ListingTypes.FETCH_REAL_ESTATES_FEATURED_LISTING_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\n/**\n * \n * Fetch featured listing under deals.\n\n * @param {*} listingCategoryId \n * @returns \n */\nexport const fetchDealsFeaturedListings = (listingCategoryId, per_page, page_no) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_DEALS_FEATURED_LISTING_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchFeaturedListings(listingCategoryId, per_page, page_no);\n\n dispatch({\n type: ListingTypes.FETCH_DEALS_FEATURED_LISTING_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err?.response?.data);\n }\n };\n};\n\n/**\n * \n * Fetch featured listing under jobs.\n\n * @param {*} listingCategoryId \n * @returns \n */\nexport const fetchJobsFeaturedListings = (listingCategoryId, per_page, page_no) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_JOBS_FEATURED_LISTING_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchFeaturedListings(listingCategoryId, per_page, page_no);\n\n dispatch({\n type: ListingTypes.FETCH_JOBS_FEATURED_LISTING_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\n/**\n * \n * Fetch featured listing under events.\n\n * @param {*} listingCategoryId \n * @returns \n */\nexport const fetchEventsFeaturedListings = (listingCategoryId, per_page, page_no) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_EVENTS_FEATURED_LISTING_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchFeaturedListings(listingCategoryId, per_page, page_no);\n dispatch({\n type: ListingTypes.FETCH_EVENTS_FEATURED_LISTING_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\n/**\n * Fetch a single listing detail.\n *\n * @param {*} listingCategoryId\n * @param {*} listingId\n * @returns\n */\nexport const fetchSingleListing = (listingCategoryId, listingId) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_SINGLE_LISTING_DETAILS_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listing }\n }\n } = await requestFetchListingDetail(listingCategoryId, listingId);\n dispatch({\n type: ListingTypes.FETCH_SINGLE_LISTING_DETAILS_SUCCESS,\n payload: listing\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\n/**\n * Submit Contact Details for\n * even guest user.\n *\n * @param {*} contactDetail\n * @returns\n */\nexport const submitContactDetail = contactDetail => {\n return async () => {\n try {\n await requestContactUs(contactDetail);\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\nexport const fetchListingCategories = () => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_LISTING_CATEGORIES_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listing_categories }\n }\n } = await requestFetchAllListingCategory();\n\n dispatch({\n type: ListingTypes.FETCH_LISTING_CATEGORIES_SUCCESS,\n payload: listing_categories\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\nexport const fetchListingCategory = listingCategoryId => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_LISTING_CATEGORY_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listing_category }\n }\n } = await requestFetchListingCategory(listingCategoryId);\n\n dispatch({\n type: ListingTypes.FETCH_LISTING_CATEGORY_SUCCESS,\n payload: listing_category\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\nexport const fetchListingSubCategories = listingCategoryId => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_LISTING_SUBCATEGORIES_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listing_sub_categories }\n }\n } = await requestFetchListingSubCategory(listingCategoryId);\n\n dispatch({\n type: ListingTypes.FETCH_LISTING_SUBCATEGORIES_SUCCESS,\n payload: listing_sub_categories\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\nexport const fetchListings = (listingCategoryId, per_page, page_no) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_LISTINGS_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchListings(listingCategoryId, per_page, page_no);\n\n dispatch({\n type: ListingTypes.FETCH_LISTINGS_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err);\n }\n };\n};\n\nexport const searchListing = (\n keyword,\n category,\n listingCategory,\n page_no,\n filterOptions = []\n) => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_LISTINGS_PROCESS\n });\n\n try {\n const {\n data: { data }\n } = await requestSearchListing(\n keyword,\n category,\n listingCategory,\n page_no,\n filterOptions\n );\n\n dispatch({\n type: ListingTypes.FETCH_LISTINGS_SUCCESS,\n payload: data\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n }\n };\n};\n\nexport const createReview = (listingId, comment, rating, location = '') => {\n return async dispatch => {\n try {\n const body = { model: 'listing', model_id: listingId, comment, rating };\n\n const listingCategoryId = location.pathname.split('/')[2];\n\n const {\n data: { message }\n } = await requestCreateReview(body);\n dispatch(alertActions.success(message));\n dispatch(fetchSingleListing(listingCategoryId, listingId));\n } catch (err) {\n const { errors, message } = err?.response?.data;\n\n dispatch(alertActions.error(message));\n\n if (errors.comment) {\n dispatch(alertActions.error(errors.comment[0]));\n }\n\n if (errors.rating) {\n dispatch(alertActions.error(errors.rating[0]));\n }\n }\n };\n};\n\nexport const conatctSeller = (name, email, phone_number, text) => {\n return async dispatch => {\n try {\n const {\n data: { message }\n } = await requestContactSeller({\n name,\n email,\n phone_number,\n message: text,\n subject: 'A Vistor From Connect Nigeria'\n });\n\n dispatch(alertActions.success(message));\n } catch (err) {\n const { message } = err?.response?.data;\n\n dispatch(alertActions.error(message));\n }\n };\n};\n\nexport const likeListing = (listingId, location = '') => {\n return async (dispatch, getState) => {\n try {\n const {\n data: { message }\n } = await requestLikeAModel({ model: 'listing', model_id: listingId });\n\n const listingCategoryId = location.pathname.split('/')[2];\n dispatch(\n fetchSingleListing(listingCategoryId, getState()?.listingsReducer?.listing?.slug)\n );\n dispatch(alertActions.success(message));\n } catch (err) {\n const { message } = err?.response?.data;\n\n dispatch(alertActions.error(message));\n }\n };\n};\n\nexport const fetchBusinessListing = businessId => {\n return async dispatch => {\n dispatch({\n type: ListingTypes.FETCH_LISTINGS_PROCESS\n });\n\n try {\n const {\n data: {\n data: { listings }\n }\n } = await requestFetchListingThatBelongsToABusiness(businessId);\n\n dispatch({\n type: ListingTypes.FETCH_LISTINGS_SUCCESS,\n payload: listings\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err);\n }\n };\n};\n","export const AUTH_TYPES = {\n LOGIN_PROCESS: 'LOGIN_PROCESS',\n LOGIN_SUCCESS: 'LOGIN_SUCCESS',\n LOGIN_FAILURE: 'LOGIN_FAILURE',\n\n LOGOUT_PROCESS: 'LOGOUT_PROCESS',\n LOGOUT_SUCCESS: 'LOGOUT_SUCCESS',\n LOGOUT_FAILURE: 'LOGOUT_FAILURE',\n\n REGISTER_PROCESS: 'REGISTER_PROCESS',\n REGISTER_SUCCESS: 'REGISTER_SUCCESS',\n REGISTER_FAILURE: 'REGISTER_FAILURE'\n};\n\nexport const AUTH_STATES = {\n LOGIN: 'LOGIN',\n LOGOUT: 'LOGOUT',\n REGISTER: 'REGISTER'\n};","import { getSearchParam, base64Decode, getCookie } from '../utils/utils';\n\nexport const GuestGuard = ({ children }) => {\n const authData = getCookie('auth:hash');\n const from = getSearchParam('redirect');\n\n if (authData && base64Decode(authData).success) {\n if (from) {\n window.location.href = from;\n return null;\n } else {\n window.location.href = '/';\n return null;\n }\n }\n return{children}
;\n};\n\nexport const AuthGuard = props => {\n const authData = getCookie('auth:hash');\n\n if (authData && base64Decode(authData).success) {\n return {props.children}
;\n }\n\n if (window.location.pathname !== '/') {\n const redirectUrl = encodeURIComponent(window.location.href);\n\n // Wait for the current url to be stored in redirectUrl before redirecting\n setTimeout(() => {\n window.location.href = `${process.env.REACT_APP_CN_BASE_URL}/login?redirect=${redirectUrl}`;\n }, 100);\n return;\n }\n};\n","/* eslint-disable max-len */\nimport { BsLinkedin, BsTwitter } from \"react-icons/bs\";\nimport {FiInstagram } from \"react-icons/fi\";\nimport { FaFacebookF } from \"react-icons/fa\";\n\nimport { Link } from \"react-router-dom\";\nimport Logo from \"../../assets/images/cn-logo-dark.png\";\n\nexport default function index() {\n return (\n \n \n\n );\n}\n","import Header from '../../Components/Header';\nimport Footer from '../../Components/Footer';\nimport { useSelector } from 'react-redux';\n\nexport default function MainArea({ children }) {\n const show = useSelector(state => state.uiReducer.showSearch);\n return (\n \n \n {children} \n \n \n
\n );\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { Link, useLocation } from 'react-router-dom';\nimport { routeNames } from '../../../Constants/AccountConstants';\nimport { getUserState } from '../../../utils/utils';\n\nfunction DropNav({ navs }) {\n return navs.map((nav, index) => (\n \n \n {nav.isActive && ![{nav.name}](\"/account/icons/nav/dot-green.svg\")
}\n
\n {nav.name}\n \n ));\n}\n\nexport default function SideNav() {\n const selector = useSelector(state => state.authReducer);\n const userState = getUserState(selector).user.data.user;\n\n const location = useLocation();\n const [activeLink, setActiveLink] = React.useState(null);\n const path = window.location.pathname;\n\n React.useEffect(() => {\n const route = path.split('/')[2];\n setActiveLink(route);\n }, [path]);\n\n // Add drop down navs here\n const [openDrops, setOpenDrops] = React.useState({\n adverts: window.location.pathname.includes(routeNames.ADVERTS)\n });\n\n const navLinks = [\n {\n isActive: activeLink === routeNames.GET_STARTED || !activeLink,\n name: 'Get Started',\n link: '/account/' + routeNames.GET_STARTED,\n icon:\n activeLink === routeNames.GET_STARTED || !activeLink\n ? '/account/icons/nav/start-active.svg'\n : '/account/icons/nav/start.svg'\n },\n {\n isActive: activeLink === routeNames.DASHBOARD,\n name: 'Dashboard',\n link: '/account/' + routeNames.DASHBOARD,\n icon:\n activeLink === routeNames.DASHBOARD\n ? '/account/icons/nav/dashboard-active.svg'\n : '/account/icons/nav/dashboard.svg'\n },\n {\n isActive: activeLink === routeNames.BUSINESSES,\n name: 'Businesses',\n link: '/account/' + routeNames.BUSINESSES,\n icon:\n activeLink === routeNames.BUSINESSES\n ? '/account/icons/nav/businesses-active.svg'\n : '/account/icons/nav/businesses.svg'\n },\n {\n isActive: activeLink === routeNames.LISTINGS,\n name: 'Listings',\n link: '/account/' + routeNames.LISTINGS,\n icon:\n activeLink === routeNames.LISTINGS\n ? '/account/icons/nav/listings-active.svg'\n : '/account/icons/nav/listings.svg'\n },\n {\n isActive: activeLink === routeNames.ADVERTS,\n name: 'Adverts',\n link: '/account/' + routeNames.ADVERTS,\n icon:\n activeLink === routeNames.ADVERTS\n ? '/account/icons/nav/adverts-active.svg'\n : '/account/icons/nav/adverts.svg',\n isDropdown: true,\n dropComponent: (\n }\n \n \n
\n \n \n
\n setProfileLinkIsOpen(!profileLinkIsOpen)}>\n \n \n
\n \n
\n \n Welcome!\n
\n\n {userState.first_name} {userState.last_name}\n
\n \n
\n \n New Business\n![\"add\"](\"/account/icons/add-green.svg\")
\n \n \n New Listing\n \n \n
\n \n![](\"/account/icons/home.svg\")
\n Home\n \n \n ![](\"/account/icons/settings.svg\")
\n Settings\n \n \n ![](\"/account/icons/logout.svg\")
\n Logout\n \n \n \n Logout of all devices\n \n
\n \n \n \n New Business\n
\n \n \n New Listing\n \n \n \n \n
\n Home\n \n \n \n Settings\n \n \n \n Logout\n \n \n \n Logout of all devices\n \n \n
\n
\n \n );\n}\n","/* eslint-disable max-len */\nimport { Link } from \"react-router-dom\";\nimport { ArrowUp } from \"../../assets/images/icons/ListingsIcons\";\n\nexport default function Multiforms({ children }) {\n return (\n \n {navLinks.map((link, index) => (\n \n 
\n {link.name}\n \n ))}\n
\n\n \n {link.isDropdown ? (\n <>\n {\n setOpenDrops({ ...openDrops, adverts: !openDrops.adverts });\n }}\n >\n \n {link.name}\n \n {\n setOpenDrops({\n adverts: false\n });\n }}\n >\n \n {link.name}\n \n )}\n
\n ))}\n\n \n {link.dropComponent}\n
\n \n ) : (\n \n MORE ON CN\n
\n {moreLinks.map((link, index) => (\n\n {\n setOpenDrops({\n adverts: false\n });\n }}\n >\n 
\n My Saved\n \n
\n \n
\n );\n}\n","import Header from '../../Components/Header';\n\nexport default function MainArea ({children}){\n return (\n \n\n
\n \n
\n\n \n \n ![\"logo\"](\"/account/images/cn-icon.png\")
\n \n
\n \n \n \n
\n\n\n \n \n Go to my dashboard\n \n
\n \n Back
\n \n\n
\n\n\n\n \n \n
\n\n\n \n\n
\n\n \n {children}\n\n
\n \n \n \n {children}\n \n \n \n \n \n
\n );\n}\n","import { Link } from 'react-router-dom';\nimport { useState } from 'react'; // Import useState hook\n\nexport default function BizmixTopNavigation() {\n const links = [\n {\n title: 'Home',\n slug: '/bizmix#hero',\n type: 'link'\n },\n {\n title: 'About',\n slug: '/bizmix#about',\n type: 'link'\n },\n {\n title: 'Gallery',\n slug: '/bizmix/gallery',\n type: 'link'\n },\n {\n title: 'Register Now',\n slug: 'https://connectnigeria.com/bizmix/signup',\n type: 'button'\n }\n ];\n\n // Step 1: Add state to manage mobile menu visibility\n const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n // Step 2: Toggle the menu visibility when the button is clicked\n const toggleMobileMenu = () => {\n setIsMobileMenuOpen(prevState => !prevState);\n };\n\n return (\n \n );\n}\n\nfunction MenuButton() {\n return (\n \n \n \n \n
*/}\n\n \n
\n\n \n
\n\n \n setMobileNavIsOpen(false)}\n >\n ![\"close\"](\"/account/icons/close.svg\")
\n
\n )}\n \n setMobileNavIsOpen(!mobileNavIsOpen)}\n />\n
\n\n {mobileNavIsOpen && (\n \n \n {children} \n
\n \n \n );\n}\n","import { base64Decode, getCookie } from '../utils/utils';\nimport { useDispatch } from 'react-redux';\nimport { AUTH_TYPES } from '../redux/auth/auth.types';\n\n// Check user logged in status and update the store\nexport const AuthStateCheck = ({ children }) => {\n const dispatch = useDispatch();\n const authData = getCookie('auth:hash');\n\n if (authData && base64Decode(authData).success) {\n dispatch({\n type: AUTH_TYPES.LOGIN_SUCCESS,\n payload: base64Decode(authData)\n });\n } else {\n dispatch({\n type: AUTH_TYPES.LOGOUT_SUCCESS,\n payload: {}\n });\n }\n return <>{children};\n};","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { ALERT_TYPES } from '../redux/alert/alert.types';\nimport { alertActions } from '../redux/alert/alert.actions';\n\nconst colorTypes = {\n SUCCESS: 'success',\n WARN: 'warning',\n ERROR: 'danger'\n};\n\nexport default function Notify({ children }) {\n const dispatch = useDispatch();\n const selector = useSelector(state => state.alertReducer);\n const [alert, setAlert] = React.useState({\n message: null,\n icon: null,\n color: ''\n });\n\n const timeout = 5000; // 5 seconds\n\n // Message will be cleared after 5 seconds\n React.useEffect(() => {\n switch (selector.type) {\n case ALERT_TYPES.SUCCESS:\n setAlert({\n message: selector.message,\n icon: '/main/icons/alert-success.svg',\n color: colorTypes.SUCCESS\n });\n setTimeout(() => {\n setAlert({\n message: null,\n icon: null,\n color: ''\n });\n dispatch(alertActions.clear());\n }, timeout);\n break;\n case ALERT_TYPES.WARN:\n setAlert({\n message: selector.message,\n icon: '/main/icons/alert-warning.svg',\n color: colorTypes.WARN\n });\n setTimeout(() => {\n setAlert({\n message: null,\n icon: null,\n color: ''\n });\n dispatch(alertActions.clear());\n }\n , timeout);\n break;\n case ALERT_TYPES.ERROR:\n setAlert({\n message: selector.message,\n icon: '/main/icons/alert-error.svg',\n color: colorTypes.ERROR\n });\n setTimeout(() => {\n setAlert({\n message: null,\n icon: null,\n color: ''\n });\n dispatch(alertActions.clear());\n }\n , timeout);\n break;\n case ALERT_TYPES.CLEAR:\n setAlert({\n message: null,\n icon: null,\n color: ''\n });\n break;\n default:\n break;\n }\n }, [selector]);\n\n return (\n \n
\n );\n}\n","// import { Router } from 'react-router-dom';\nimport { renderRoutes, routes } from './routes/routes';\nimport { Router } from \"react-router-dom\";\nimport { AuthStateCheck } from './Global/AuthStateCheck';\nimport Notify from './Global/Notify';\n\n\nfunction App({ history }) {\n return ( \n \n {alert.message && (\n <>\n 
\n
\n {children}\n {alert.message}
\n dispatch(alertActions.clear())}>\n ![\"close\"](\"/main/icons/close.svg\")
\n
\n \n )}\n \n \n
\n );\n};\nexport default LoadingScreen;","/* eslint-disable max-len */\nexport const ArrowRight = ({className}) => {\n return (\n \n );\n};\n\n","export default __webpack_public_path__ + \"static/media/vuesax-linear-arrow-right.4c2d2318.svg\";","export default __webpack_public_path__ + \"static/media/cn-logo-dark.75f79cfd.png\";","export function NavOpen() {\n return (\n \n ![\"loader\"](\"/main/icons/loader.svg\")
\n
\n \n Tiny banners!
\n \n \n {link.title}\n \n ))}\n\n \n List Now\n \n\n
\n \n \n Browse ConnectNigeria\n
\n\n {links.map((link, i) => (\n \n \n Businesses\n \n {listing_categories?.map(category => (\n \n {category?.name}\n \n ))}\n
\n \n {userState.isLoggedIn ? (\n \n My Account\n \n ) : (\n \n Login\n \n )}\n
\n \n
\n \n
\n \n
\n \n \n Sign up for news and special offers\n \n
\n \n Sign up to our newsletter now and get the latest news and special offers\n delivered directly to your inbox.\n
\n\n \n
\n