We are impacting over 5,000,000 customers across Nigeria
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n {' '}\r\n This website uses cookies to provide you with the best browsing\r\n experience.{' '}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport { Logo } from '../index';\r\nimport { Row, Col, Spin } from 'antd';\r\nimport FidelityLoader from '../../assets/img/fidelity-Loader.gif';\r\n\r\nfunction Loading(props) {\r\n return (\r\n <>\r\n \r\n
*/}\r\n {/* */}\r\n {/* Current Account*/}\r\n {/* */}\r\n {/*
*/}\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { authUser } = auth;\r\n return { authUser };\r\n};\r\n\r\nexport default connect(mapStateToProps, { updateCart })(NavInterface);\r\n","import React, { useState } from 'react';\r\nimport { Link } from '@reach/router';\r\nimport LoadingBar from 'react-redux-loading-bar';\r\n\r\nimport { Logo } from 'components';\r\n\r\nimport './InnerHeader.scss';\r\nimport NavInterface from '../../NavInterface';\r\nimport { Navbar, NavbarBrand, NavbarToggler } from 'reactstrap';\r\n\r\nfunction InnerHeader(props) {\r\n return (\r\n
\r\n \r\n\r\n {/**/}\r\n {/* */}\r\n \r\n
\r\n \r\n {/**/}\r\n
\r\n \r\n {/*
*/}\r\n {/**/}\r\n
\r\n );\r\n}\r\n\r\nexport default InnerHeader;\r\n","import React from 'react';\r\nimport { Link } from '@reach/router';\r\nimport { Logo } from 'components';\r\n\r\nimport './FrontHeader.scss';\r\nimport NavInterface from '../../NavInterface';\r\nimport { Navbar } from 'reactstrap';\r\n\r\nfunction FrontHeader(props) {\r\n return (\r\n <>\r\n {/**/}\r\n {/* */}\r\n {/* */}\r\n {/**/}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default FrontHeader;\r\n","import React from 'react';\r\nimport _ from 'lodash';\r\nimport { Button, Result } from 'antd';\r\nimport LinkComponent from '../../route/LinkComponent';\r\n\r\nfunction Missing404(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Back to Homepage\r\n \r\n \r\n }\r\n />\r\n {/*
\r\n );\r\n}\r\n\r\nexport default React.memo(Missing404);\r\n","import React, { useState } from 'react';\r\nimport { Link } from '@reach/router';\r\nimport { CloseCircleOutlined } from '@ant-design/icons';\r\n\r\nimport './AccountsVerticalMenu.scss';\r\nimport { Button } from 'antd';\r\n\r\nconst isPartiallyActive = ({ isPartiallyCurrent }) => {\r\n return isPartiallyCurrent ? { className: 'nav-menu-item active' } : {};\r\n};\r\n\r\nconst AccountsVerticalMenu = ({ menuList, setMenuOff }) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default AccountsVerticalMenu;\r\n","import React from 'react';\r\nimport { Table } from 'antd';\r\n\r\nfunction FaqTable(props) {\r\n const dataSource = [\r\n {\r\n number: '1',\r\n pro: 'Interbank Funds Transfer (Instant Banking)',\r\n pa: '1 point',\r\n },\r\n {\r\n number: '2',\r\n pro: 'Bills Payment',\r\n pa: '1 point',\r\n },\r\n {\r\n number: '3',\r\n pro: 'Debit Cards Issuance',\r\n pa: '5 point',\r\n },\r\n {\r\n number: '4',\r\n pro: 'Debit Cards On-Us Transactions (for Cards and ATM services team)',\r\n pa: '5 points per band',\r\n },\r\n {\r\n number: '5',\r\n pro: 'mVisa Transactions',\r\n pa: '1 point',\r\n },\r\n {\r\n number: '6',\r\n pro: 'Debit Cards POS/WEB',\r\n pa: '1 point',\r\n },\r\n {\r\n number: '7',\r\n pro: 'Monthly Average Balance (Savings and Current Account)',\r\n pa:\r\n '1 point for every Ten Thousand naira monthly average balance with a cap of Five hundred Thousand naira i.e 1 point = N10,000 with a cap of 50 points',\r\n },\r\n ];\r\n\r\n const columns = [\r\n {\r\n title: 'S/N',\r\n dataIndex: 'number',\r\n key: 'number',\r\n },\r\n {\r\n title: 'PRODUCT',\r\n dataIndex: 'pro',\r\n key: 'pro',\r\n },\r\n {\r\n title: 'Points Allotted',\r\n dataIndex: 'pa',\r\n key: 'pa',\r\n },\r\n ];\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default FaqTable;\r\n","import React, { useState } from 'react';\r\nimport { Link } from '@reach/router';\r\nimport { Row, Col, Collapse } from 'antd';\r\n\r\nimport { DownOutlined } from '@ant-design/icons';\r\n\r\nimport './HomepageFAQ.scss';\r\nimport FaqTable from './FaqTable';\r\n\r\nconst { Panel } = Collapse;\r\n\r\nconst HomepageFAQ = () => {\r\n const [open, setOpen] = useState(false);\r\n const tab = params => {\r\n setOpen(params);\r\n };\r\n\r\n const faqList = [\r\n {\r\n index: 1,\r\n title: 'Does Fidelity Bank have a Rewards/Loyalty System in place?',\r\n content: `Yes`,\r\n },\r\n {\r\n index: 2,\r\n title: 'How do I participate in this Reward/Loyalty system?',\r\n content: `Simply open a fidelity bank account and do your transactions to become eligible to participate. `,\r\n },\r\n {\r\n index: 3,\r\n title: 'Who can benefit from this point-based loyalty system?',\r\n content: `Staff and customers (To commence with a pilot test - This phase is designed for staff - core and non-core staff)`,\r\n },\r\n {\r\n index: 4,\r\n title: 'How does the Point Based Loyalty platform work?',\r\n content: `It is designed to generate and assign points on specific banking services carried out by customers/staff.`,\r\n },\r\n {\r\n index: 5,\r\n title:\r\n 'What specific banking services will the point based loyalty scheme commence with?',\r\n content: `Interbank Funds Transfer (Instant Banking), Bills Payments,Debit Cards Issuance, Debit Cards On-Us Transactions, mVisaTransactions, Debit Cards POS/WEB transactions, MonthlyAverage Balance (Savings and Current Account)`,\r\n },\r\n {\r\n index: 6,\r\n title: 'How does the Point Based Loyalty platform work?',\r\n content: `The Point-Based Loyalty System is designed to allow customers earn points from carrying out daily banking transactions via e-channels, retaining funds in their accounts,reactivating dormant accounts etc, these would translate into points/rewards.`,\r\n },\r\n ];\r\n\r\n const faqListMore = [\r\n {\r\n index: 7,\r\n title: 'How would staff/customers redeem their points accrued?',\r\n content: `Points accrued are redeemed from a wide range of designated stores.`,\r\n },\r\n {\r\n index: 8,\r\n title:\r\n 'What designated stores/merchant locations can loyalty points be redeemed?',\r\n content: `Jumia, Hubmart, Spar, Game, Samsung, FilmHouse Cinemas,Grocery Bazaar, Chicken Paradise, Smile, EKEDC, StarTimes and ahost of other outlets nationwide.`,\r\n },\r\n {\r\n index: 9,\r\n title:\r\n 'When can customers/staff start redeeming their points that have been accrued?',\r\n content: `Customers/staff will be eligible to redeem their points/reward(s) after a certain number of points have been accumulated (as from 100 points)`,\r\n },\r\n {\r\n index: 10,\r\n title:\r\n 'Will individual and corporate customers benefit from the scheme in this initial kick-off phase/stage?',\r\n content: `No, at the initial kick-off stage, only individual customers(including all staff) will benefit. Businesses/corporates would be included soon.`,\r\n },\r\n {\r\n index: 11,\r\n title: 'How are the points accumulated/accrued by staff and customers?',\r\n content: ``,\r\n },\r\n {\r\n index: 12,\r\n title: 'How long are the accrued points valid?',\r\n content: `One (1) calendar year`,\r\n },\r\n {\r\n index: 13,\r\n title: 'Can my points be converted to cash?',\r\n content: `No, you can only redeem your points at designated centers through purchasing of goods or services`,\r\n },\r\n {\r\n index: 14,\r\n title:\r\n 'What if my points are not enough to make a purchase, can I complement it with cash at the redemption center?',\r\n content: `Yes, you can make up/complement your points to purchase your desired goods and services by purchasing additional points on the platform directly`,\r\n },\r\n ];\r\n\r\n return (\r\n
\r\n Use several of our banking channels/touchpoints and earn\r\n reward points. Redeem your points for dozens of products and\r\n services like shopping vouchers and mobile airtime\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Activate\r\n
\r\n
\r\n Use your Fidelity Account Number to activate your\r\n rewards account. Confirm your activation via the\r\n e-mail address registered to your account and create a\r\n unique password.\r\n
\r\n
\r\n
\r\n
\r\n \r\n Earn Points\r\n
\r\n
\r\n Enjoy easier banking and earn points that will accrue\r\n to your account.\r\n
\r\n
\r\n
\r\n
\r\n \r\n Redeem Points\r\n
\r\n
\r\n Spend your earned points for shopping vouchers,\r\n airtime and other amazing products and services.\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
Products
\r\n\r\n
\r\n Some top reward gift cards\r\n
\r\n
\r\n Here are some of our customers’ favourite rewards\r\n gift cards.\r\n
\r\n Shop at your favourite e-commerce and physical stores\r\n across Nigeria and internationally. From fashion to food\r\n and electronics, there is something for everyone.\r\n
\r\n By signing in you consent to Fidelity's {' '}\r\n \r\n {' '}\r\n \r\n {' '}\r\n Privacy Policy{' '}\r\n {' '}\r\n {' '}\r\n Notice.\r\n
\r\n
\r\n \r\n )}\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {' '}\r\n Don’t have an account?{' '}\r\n \r\n {' '}\r\n Get Activated{' '}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {/**/}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = () => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n handleLoginLogic,\r\n clearPreUser,\r\n userSignOut,\r\n})(Login);\r\n","import React from 'react';\r\nimport LinkComponent from '../../route/LinkComponent';\r\nimport { Row, Col } from 'antd';\r\n\r\nfunction Register(props) {\r\n return (\r\n <>\r\n
\r\n
Create an account
\r\n
\r\n
\r\n \r\n\r\n
\r\n By creating an account, I agree to the{' '}\r\n \r\n Terms of Service\r\n \r\n ,{' '}\r\n \r\n Privacy Policy\r\n \r\n , and{' '}\r\n \r\n Cookie Policy\r\n \r\n .\r\n
\r\n
\r\n \r\n
\r\n
\r\n Already have an account?{' '}\r\n \r\n Sign In\r\n \r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Register;\r\n","import React, { useState } from 'react';\r\nimport LinkComponent from '../../route/LinkComponent';\r\nimport { Formik } from 'formik';\r\nimport { FormFeedback, FormGroup } from 'reactstrap';\r\nimport LaddaButton, { SLIDE_UP } from 'react-ladda';\r\nimport { Alert, Col, notification, Row } from 'antd';\r\nimport _ from 'lodash';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handleForgotPasswordLogic } from '../../appRedux/action/Auth';\r\nimport { handleFieldError, handleNotify } from '../../appRedux/api';\r\nimport { NOTIFICATION_DURATION } from '../../appRedux/constants';\r\nimport { redirectToLogin, redirectToProfile } from '../../route/Redirect';\r\nimport * as Yup from 'yup';\r\n\r\nfunction ForgotPassword(props) {\r\n const [laddaLoading, setLaddaLoading] = useState(false);\r\n const [laddaProgress, setLaddaProgress] = useState(0);\r\n\r\n const handleIn = () => {\r\n notification['success']({\r\n message: 'Account Password!',\r\n description: 'Account password reset successfully',\r\n duration: NOTIFICATION_DURATION,\r\n });\r\n setLaddaProgress(0.9);\r\n setLaddaLoading(false);\r\n redirectToLogin();\r\n };\r\n\r\n const dispatch = useDispatch();\r\n\r\n const validate = Yup.object({\r\n AccountNumber: Yup.string()\r\n .length(\r\n 10,\r\n 'Account Number must be exactly 10 digits or Enter a valid Account Number',\r\n )\r\n .matches(/[0-9]+/gi, 'Account number must be a number')\r\n //.positive('Activation code must be greater than zero')\r\n .required('Account number is required'),\r\n // AccountNumber: Yup.number()\r\n // .test(\r\n // 'len',\r\n // 'Account number must be exactly 10 characters',\r\n // val => val && val.toString().length === 10,\r\n // )\r\n // .positive('Account number must be greater than zero')\r\n // .typeError('Account number must be a number')\r\n // .required('Account number is required'),\r\n });\r\n\r\n return (\r\n <>\r\n <>\r\n
\r\n \r\n \r\n
\r\n <>\r\n
\r\n
\r\n
Forgot Password
\r\n
\r\n {' '}\r\n Enter your account details to continue{' '}\r\n
\r\n To be successful you’ve got to work hard, to make history, simple,\r\n you’ve got to make it. I told you all this before, when you have a\r\n swimming pool.\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Activation;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Row, Col, Radio, Input, Button, Alert, notification } from 'antd';\r\nimport { Link } from '@reach/router';\r\n\r\nimport activationImg from '../../images/activation-img.jpg';\r\nimport { Formik } from 'formik';\r\nimport _ from 'lodash';\r\nimport { FormFeedback } from 'reactstrap';\r\nimport LinkComponent from '../../route/LinkComponent';\r\nimport LaddaButton, { SLIDE_UP } from 'react-ladda';\r\nimport { handleActivation, handleValidation } from '../../appRedux/action/Auth';\r\nimport { connect, useDispatch } from 'react-redux';\r\nimport * as Yup from 'yup';\r\nimport { NOTIFICATION_DURATION } from '../../appRedux/constants';\r\nimport {\r\n redirectVerification,\r\n redirectToActivation,\r\n redirectToCreatePassword,\r\n} from '../../route/Redirect';\r\nimport { handleFieldError, handleNotify } from '../../appRedux/api';\r\n\r\nfunction Verification(props) {\r\n const [checked, setChecked] = useState(false);\r\n const [message, setMessage] = useState('');\r\n const [laddaLoading, setLaddaLoading] = useState(false);\r\n const [laddaProgress, setLaddaProgress] = useState(0);\r\n const [showNotification, setShowNotification] = useState(false);\r\n const [notificationMessage, setNotificationMessage] = useState(false);\r\n const [notificationType, setNotificationType] = useState('error');\r\n\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n // console.log(props);\r\n if (_.isEmpty(props.activationAccountNumber)) {\r\n notification['error']({\r\n message: 'Invalid account activation!',\r\n description: 'Please request for activation with your account number',\r\n duration: NOTIFICATION_DURATION,\r\n });\r\n redirectToActivation();\r\n }\r\n }, []);\r\n\r\n const onClose = e => {};\r\n\r\n const handleIn = () => {\r\n notification['success']({\r\n message: 'Account verification!',\r\n description: 'Account verified successfully',\r\n duration: NOTIFICATION_DURATION,\r\n });\r\n setLaddaProgress(0.9);\r\n redirectToCreatePassword();\r\n };\r\n\r\n const activationCodeSchema = Yup.object().shape({\r\n ActivationCode: Yup.number()\r\n // .test(\r\n // 'len',\r\n // 'Activation code must be exactly 6 characters',\r\n // val => val && val.toString().length === 6,\r\n // )\r\n // .positive('Activation code must be greater than zero')\r\n .typeError('Activation code must be a number')\r\n .required('Activation code is required'),\r\n });\r\n\r\n const resendOtp = () => {\r\n setMessage('Processing...');\r\n dispatch(\r\n handleActivation(props.activationAccountNumber, response =>\r\n _.isEmpty(response.error) && response.error !== true\r\n ? (() => {\r\n setMessage('OTP sent');\r\n notification['success']({\r\n message: '',\r\n description: response.message,\r\n duration: NOTIFICATION_DURATION,\r\n });\r\n // console.log(response)\r\n setTimeout(() => {\r\n setMessage('');\r\n }, 400);\r\n })()\r\n : (() => {\r\n const message = response.message;\r\n setMessage('');\r\n notification['error']({\r\n message: 'Error!',\r\n description: _.isEmpty(message)\r\n ? 'Unable to process request. Please try again later'\r\n : message,\r\n duration: NOTIFICATION_DURATION,\r\n });\r\n })(),\r\n ),\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n <>\r\n
\r\n \r\n \r\n
\r\n <>\r\n
\r\n
\r\n
Verification
\r\n {/*
*/}\r\n {/* {' '}*/}\r\n {/* Enter the 6 digits code sent to the phone number*/}\r\n {/* attached to the provided account{' '}*/}\r\n {/*
\r\n\r\n {/* 3 status colors className: \"delivered\", \"pending\", \"failed\" */}\r\n {/* check .scss file, you can change to API response */}\r\n \r\n {order.orderStatus}\r\n \r\n
\r\n <>\r\n {payment.type !== 'error' ? (\r\n \r\n \r\n Back to Homepage\r\n \r\n \r\n }\r\n />\r\n ) : (\r\n \r\n \r\n Back to Homepages\r\n \r\n \r\n }\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default CompletePayment;\r\n","import React, { useEffect, useState } from 'react';\r\nimport {\r\n clearSession,\r\n clearSessionWithParams,\r\n getSessionWithKey,\r\n} from '../../appRedux/store/cookies';\r\nimport LinkComponent from '../../route/LinkComponent';\r\nimport { Button, notification, Result } from 'antd';\r\nimport { redirectToCart } from '../../route/Redirect';\r\nimport { NOTIFICATION_DURATION } from '../../appRedux/constants';\r\nimport _ from 'lodash';\r\n\r\nfunction FailedPayment(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n <>\r\n \r\n \r\n Back to Homepages\r\n \r\n \r\n }\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default FailedPayment;\r\n","import React, { useEffect } from 'react';\r\nimport { CheckCircleOutlined } from '@ant-design/icons';\r\nimport { Button, Modal, Result } from 'antd';\r\nimport LinkComponent from '../../route/LinkComponent';\r\nimport _ from 'lodash';\r\nimport {\r\n clearSessionWithParams,\r\n getSessionJsonWithKey,\r\n} from '../../appRedux/store/cookies';\r\nimport { redirectToHome } from '../../route/Redirect';\r\nimport { PAYMENT_FAILED, PAYMENT_SUCCESSFUL } from '../../appRedux/constants';\r\nimport { handleError } from '../../appRedux/action/Common';\r\n\r\nfunction OrderCompleted(props) {\r\n useEffect(() => {\r\n const order = getSessionJsonWithKey('___order_completed');\r\n if (_.isEmpty(order)) {\r\n redirectToHome();\r\n return;\r\n }\r\n\r\n if (!_.isEmpty(order)) {\r\n clearSessionWithParams('___order_completed');\r\n }\r\n }, []);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n \r\n \r\n }\r\n />\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default OrderCompleted;\r\n","import React from 'react';\r\nimport LinkComponent from '../../route/LinkComponent';\r\nimport InnerHeader from '../../components/Header/InnerHeader';\r\nimport Footer from '../../components/Footer';\r\nimport { Col, Layout } from 'antd';\r\nimport { FrontHeader } from '../../components/Header';\r\n\r\nconst Landing = (Component, props) => innerProps => (\r\n <>\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default Landing;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Col, Layout, Row } from 'antd';\r\nimport { Footer, FrontHeader, Loading } from '../../components';\r\n\r\nimport './Access.scss';\r\n\r\nimport EkedcImage from 'images/ekedc.png';\r\nimport GenesisImage from 'images/genesis.png';\r\nimport JumiaImage from 'images/jumia.png';\r\nimport SamsungImage from 'images/samsung.png';\r\nimport SparImage from 'images/spar.png';\r\nimport StartimesImage from 'images/startimes.png';\r\nimport InnerHeader from '../../components/Header/InnerHeader';\r\nimport { getFeatureGiftCards } from '../../appRedux/action/GiftCards';\r\n\r\nconst { Content } = Layout;\r\n\r\nconst Access = (Component, props) => innerProps => {\r\n // const [loading, setLoading] = useState(true);\r\n\r\n // useEffect(() => {\r\n // setTimeout(function() {\r\n // setLoading(false)\r\n // }.bind(this), 2000)\r\n // }, []);\r\n\r\n return (\r\n <>\r\n \r\n {/**/}\r\n \r\n {/**/}\r\n {/**/}\r\n {/**/}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n {/**/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
Some Partners
*/}\r\n {/*
*/}\r\n {/* To be successful you’ve got to work hard, to make history, simple,*/}\r\n {/* you’ve got to make it. I told you all this before, when you have a*/}\r\n {/* swimming pool.*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* <>*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/**/}\r\n \r\n\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Access;\r\n","import React, { useState } from 'react';\r\nimport Footer from '../../components/Footer';\r\nimport InnerHeader from '../../components/Header/InnerHeader';\r\nimport { MenuOutlined } from '@ant-design/icons';\r\nimport { Button } from 'reactstrap';\r\nimport { AccountsVerticalMenu } from '../../components';\r\nimport { useDispatch } from 'react-redux';\r\nimport { OPEN_MENU } from '../../appRedux/constants';\r\n\r\n// const Inner = (Component, props) => {\r\n// // const dispatch = useDispatch();\r\n//\r\n// const innerProps = () => {\r\n// return (\r\n// <>\r\n// \r\n//