Button Centralized

package-lock.json

@@ -8,6 +8,7 @@
       "name": "WrenchBoard-Users",
       "version": "0.2.0",
       "dependencies": {
+        "@react-oauth/google": "^0.11.0",
         "@reduxjs/toolkit": "^1.8.2",
         "@tailwindcss/line-clamp": "^0.3.1",
         "@testing-library/jest-dom": "^5.11.4",
@@ -18,15 +19,15 @@
         "chartjs": "^0.3.24",
         "cors": "^2.8.5",
         "faker": "^6.6.6",
+        "flutterwave-react-v3": "^1.3.0",
         "formik": "^2.2.9",
-        "react": "^18.0.0",
+        "react": "^18.2.0",
         "react-chartjs-2": "^4.1.0",
         "react-countup": "^6.2.0",
-        "react-dom": "^18.0.0",
+        "react-dom": "^18.2.0",
-        "react-lottie": "^1.2.3",
+        "react-redux": "^8.0.5",
-        "react-redux": "^8.0.2",
         "react-router-dom": "^6.0.2",
-        "react-scripts": "5.0.0",
+        "react-scripts": "5.0.1",
         "react-slick": "^0.29.0",
         "react-toastify": "^9.0.1",
         "redux": "^4.2.0",
@@ -3509,6 +3510,15 @@
         }
       }
     },
+    "node_modules/@react-oauth/google": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@react-oauth/google/-/google-0.11.0.tgz",
+      "integrity": "sha512-yeypwdQCcFIAo43OqVOLBfUXuxmxt3xiybfP9h3smtBW4UeFXFVQDsq+d+GlbZFo0TpONPR2+KCk/KT1/pQnvQ==",
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "node_modules/@reduxjs/toolkit": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.1.tgz",
@@ -5476,20 +5486,6 @@
         "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
       }
     },
-    "node_modules/babel-runtime": {
-      "version": "6.26.0",
-      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
-      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
-      "dependencies": {
-        "core-js": "^2.4.0",
-        "regenerator-runtime": "^0.11.0"
-      }
-    },
-    "node_modules/babel-runtime/node_modules/regenerator-runtime": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
-    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -6173,13 +6169,6 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
     },
-    "node_modules/core-js": {
-      "version": "2.6.12",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
-      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
-      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
-      "hasInstallScript": true
-    },
     "node_modules/core-js-compat": {
       "version": "3.27.1",
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.27.1.tgz",
@@ -8307,6 +8296,26 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
+    "node_modules/flutterwave-react-v3": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/flutterwave-react-v3/-/flutterwave-react-v3-1.3.0.tgz",
+      "integrity": "sha512-y0dGSgxh9H/KMSDFurnoPYO3D6DSeOCZHPdLt8DnbtCkjgYgzNdqeXKvxerEaOJyitzXITsmlbzYdrEO/Lju3g==",
+      "dependencies": {
+        "axios": "^0.21.1"
+      },
+      "peerDependencies": {
+        "react": "^15.0.0 || ^18.0.0",
+        "react-dom": "^15.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/flutterwave-react-v3/node_modules/axios": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
+      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
+      "dependencies": {
+        "follow-redirects": "^1.14.0"
+      }
+    },
     "node_modules/follow-redirects": {
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
@@ -12506,11 +12515,6 @@
         "loose-envify": "cli.js"
       }
     },
-    "node_modules/lottie-web": {
-      "version": "5.10.1",
-      "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.10.1.tgz",
-      "integrity": "sha512-u17bVNf/vA3oK9Wkyb1Vpo83WUIEQwaT0GeEN0qcvaExizyJ/RjmcbjSDj0CnwQCtpGqTgYhqprCC7cTWuXMNw=="
-    },
     "node_modules/lower-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@@ -15045,21 +15049,6 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
-    "node_modules/react-lottie": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/react-lottie/-/react-lottie-1.2.3.tgz",
-      "integrity": "sha512-qLCERxUr8M+4mm1LU0Ruxw5Y5Fn/OmYkGfnA+JDM/dZb3oKwVAJCjwnjkj9TMHtzR2U6sMEUD3ZZ1RaHagM7kA==",
-      "dependencies": {
-        "babel-runtime": "^6.26.0",
-        "lottie-web": "^5.1.3"
-      },
-      "engines": {
-        "npm": "^3.0.0"
-      },
-      "peerDependencies": {
-        "react": "^0.14.7 || ^15.0.0 || ^16.0.0"
-      }
-    },
     "node_modules/react-redux": {
       "version": "8.0.5",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-8.0.5.tgz",
@@ -15142,9 +15131,9 @@
       }
     },
     "node_modules/react-scripts": {
-      "version": "5.0.0",
+      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
-      "integrity": "sha512-3i0L2CyIlROz7mxETEdfif6Sfhh9Lfpzi10CtcGs1emDQStmZfWjJbAIMtRD0opVUjQuFWqHZyRZ9PPzKCFxWg==",
+      "integrity": "sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==",
       "dependencies": {
         "@babel/core": "^7.16.0",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
@@ -15162,7 +15151,7 @@
         "dotenv": "^10.0.0",
         "dotenv-expand": "^5.1.0",
         "eslint": "^8.3.0",
-        "eslint-config-react-app": "^7.0.0",
+        "eslint-config-react-app": "^7.0.1",
         "eslint-webpack-plugin": "^3.1.1",
         "file-loader": "^6.2.0",
         "fs-extra": "^10.0.0",
@@ -15179,7 +15168,7 @@
         "postcss-preset-env": "^7.0.1",
         "prompts": "^2.4.2",
         "react-app-polyfill": "^3.0.0",
-        "react-dev-utils": "^12.0.0",
+        "react-dev-utils": "^12.0.1",
         "react-refresh": "^0.11.0",
         "resolve": "^1.20.0",
         "resolve-url-loader": "^4.0.0",

src/components/MyActiveJobs/ActiveJobs.jsx

@@ -3,7 +3,6 @@ import { useSelector } from "react-redux";
 import ModalCom from "../Helpers/ModalCom";
 import Layout from "../Partials/Layout";
 import { useLocation, useNavigate } from "react-router-dom";
-import ActiveJobMessage from "./ActiveJobMessage";
 
 function ActiveJobs() {
   let { userDetails } = useSelector((state) => state.userDetails);
@@ -121,7 +120,6 @@ function ActiveJobs() {
                       <span className="text-white">Send</span>
                   </button>
                 </div>
-
               </div>
               {/* end of Buttons Sections  */}
             </div>
@@ -140,7 +138,11 @@ function ActiveJobs() {
             <div className="mt-5 bg-white p-4 rounded-md shadow-md">
               <div className="">
                 <p className="text-lg font-bold text-dark-gray dark:text-black tracking-wide">Message</p>
-                <ActiveJobMessage />
+                <textarea
+                  className="p-4 w-full text-base text-slate-600 border border-slate-300 outline-none rounded-md"
+                  rows="10"
+                  style={{ resize: "none" }}
+                />
               </div>
             </div>
 

src/components/MyActiveJobs/index.jsx

@@ -5,37 +5,37 @@ import CommonHead from "../UserHeader/CommonHead";
 import MyActiveJobTable from "./MyActiveJobTable";
 
 export default function MyActiveJobs(props) {
-  const [selectTab, setValue] = useState("today");
+    const [selectTab, setValue] = useState("today");
-  const filterHandler = (value) => {
+    const filterHandler = (value) => {
-    setValue(value);
+        setValue(value);
-  };
+    };
-  console.log("AMEYE LOC1", props.MyJobList);
+    console.log("AMEYE LOC1", props.MyJobList);
-  return (
+    return (
-    <Layout>
+        <Layout>
-      <CommonHead />
+            <CommonHead />
-      <div className="notification-page w-full mb-10">
+            <div className="notification-page w-full mb-10">
-        <div className="notification-wrapper w-full">
+                <div className="notification-wrapper w-full">
-          {/* heading */}
+                    {/* heading */}
-          <div className="sm:flex justify-between items-center mb-6">
+                    <div className="sm:flex justify-between items-center mb-6">
-            <div className="mb-5 sm:mb-0">
+                        <div className="mb-5 sm:mb-0">
-              <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                            <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
                 <span
-                  className={`${selectTab === "today" ? "block" : "hidden"}`}
+                    className={`${selectTab === "today" ? "block" : "hidden"}`}
                 >
                   Active Job(s)
                 </span>
-              </h1>
+
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+                            <div onClick={() => filterHandler("today")} className="relative">
+
+                            </div>
+                        </div>
+                    </div>
+                    <MyActiveJobTable MyJobList={props.MyJobList} />
+                </div>
             </div>
-            <div className="slider-btns flex space-x-4">
+        </Layout>
-              <div
+    );
-                onClick={() => filterHandler("today")}
-                className="relative"
-              ></div>
-            </div>
-          </div>
-          <MyActiveJobTable MyJobList={props.MyJobList} />
-        </div>
-      </div>
-    </Layout>
-  );
 }

src/components/MyJobs/index.jsx

@@ -5,44 +5,40 @@ import MyJobTable from "./MyJobTable";
 import CommonHead from "../UserHeader/CommonHead";
 
 export default function MyJobs(props) {
-  const [selectTab, setValue] = useState("today");
+    const [selectTab, setValue] = useState("today");
-  const filterHandler = (value) => {
+    const filterHandler = (value) => {
-    setValue(value);
+        setValue(value);
-  };
+    };
-  console.log("AMEYE LOC1", props.MyJobList);
+    console.log("AMEYE LOC1", props.MyJobList);
-  return (
+    return (
-    <Layout>
+        <Layout>
-      <CommonHead />
+            <CommonHead />
-      <div className="notification-page w-full mb-10">
+            <div className="notification-page w-full mb-10">
-        <div className="notification-wrapper w-full">
+                <div className="notification-wrapper w-full">
-          {/* heading */}
+                    {/* heading */}
-          <div className="sm:flex justify-between items-center mb-6">
+                    <div className="sm:flex justify-between items-center mb-6">
-            <div className="mb-5 sm:mb-0">
+                        <div className="mb-5 sm:mb-0">
-              <h1 className="text-26 font-bold flex items-center space-x-1  text-dark-gray dark:text-white">
+                            <h1 className="text-26 font-bold flex items-center space-x-1  text-dark-gray dark:text-white">
-                <span
+                                <span
-                  className={`${selectTab === "today" ? "block" : "hidden"}`}
+                                    className={`${selectTab === "today" ? "block" : "hidden"}`}
-                >
+                                >
-                  My Jobs
+                                My Jobs
-                </span>
+                                </span>
 
-                <Link
+                                <Link to='/add-job' className='w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white'>
-                  to="/add-job"
+                                    Add Job
-                  className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+                                </Link>
-                >
+                            </h1>
-                  Add Job
+                        </div>
-                </Link>
+                        <div className="slider-btns flex space-x-4">
-              </h1>
+                            <div onClick={() => filterHandler("today")} className="relative">
+
+                        </div>
+                    </div>
+                    </div>
+                    <MyJobTable MyJobList={props.MyJobList} />
+                </div>
             </div>
-            <div className="slider-btns flex space-x-4">
+        </Layout>
-              <div
+    );
-                onClick={() => filterHandler("today")}
-                className="relative"
-              ></div>
-            </div>
-          </div>
-          <MyJobTable MyJobList={props.MyJobList} />
-        </div>
-      </div>
-    </Layout>
-  );
 }

src/components/MyTasks/index.jsx

@@ -5,36 +5,36 @@ import MyJobTable from "./MyJobTable";
 import CommonHead from "../UserHeader/CommonHead";
 
 export default function MyTasks() {
-  const [selectTab, setValue] = useState("today");
+    const [selectTab, setValue] = useState("today");
-  const filterHandler = (value) => {
+    const filterHandler = (value) => {
-    setValue(value);
+        setValue(value);
-  };
+    };
-  return (
+    return (
-    <Layout>
+        <Layout>
-      <CommonHead />
+            <CommonHead />
-      <div className="notification-page w-full mb-10">
+            <div className="notification-page w-full mb-10">
-        <div className="notification-wrapper w-full">
+                <div className="notification-wrapper w-full">
-          {/* heading */}
+                    {/* heading */}
-          <div className="sm:flex justify-between items-center mb-6">
+                    <div className="sm:flex justify-between items-center mb-6">
-            <div className="mb-5 sm:mb-0">
+                        <div className="mb-5 sm:mb-0">
-              <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                            <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
                 <span
-                  className={`${selectTab === "today" ? "block" : "hidden"}`}
+                    className={`${selectTab === "today" ? "block" : "hidden"}`}
                 >
                   My Tasks
                 </span>
-              </h1>
+
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+                            <div onClick={() => filterHandler("today")} className="relative">
+
+                        </div>
+                    </div>
+                    </div>
+                    <MyJobTable />
+                </div>
             </div>
-            <div className="slider-btns flex space-x-4">
+        </Layout>
-              <div
+    );
-                onClick={() => filterHandler("today")}
-                className="relative"
-              ></div>
-            </div>
-          </div>
-          <MyJobTable />
-        </div>
-      </div>
-    </Layout>
-  );
 }

src/components/Partials/MobileSideBar.jsx

@@ -12,7 +12,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
 
   let { jobLists } = useSelector((state) => state.jobLists);
   const marketData = jobLists?.result_list;
-  let noOfJobs = marketData?.length <= 0 ? "0" : marketData?.length;
+  let noOfJobs = marketData?.length;
 
   return (
     <div className="w-full h-full">
@@ -163,20 +163,19 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
           </div>
         </div>
 
-        {!userDetails.post_jobs ? (
+        {!userDetails.post_jobs ? 
           <div className="setting-item">
-            <div className="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
+          <div className="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
-              <NavLink
+            <NavLink to="/start-job" className="nav-item flex items-center justify-start space-x-3.5">
-                to="/start-job"
+              <span className="item-content relative group-hover:text-purple text-xl transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
-                className="nav-item flex items-center justify-start space-x-3.5"
+                Enable Job Post
-              >
+              </span>
-                <span className="item-content relative group-hover:text-purple text-xl transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
+            </NavLink>
-                  Enable Job Post
-                </span>
-              </NavLink>
-            </div>
           </div>
-        ) : jobLists?.result_list?.length ? (
+        </div>
+        :
+        jobLists?.result_list?.length ?
+          (
           <div className="setting-item">
             <div className="heading mb-5">
               <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
@@ -225,30 +224,33 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
               </ul>
             </div>
           </div>
-        ) : (
+          )
-          <div className="setting-item">
+          :
-            <div className="heading mb-5">
+          (
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
+            <div className="setting-item">
+              <div className="heading mb-5">
+                <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
+              </div>
+              <div className="items">
+                <ul className="flex flex-col space-y-6">
+                  <li className="item group">
+                    <NavLink
+                      to="/add-job"
+                      className="nav-item flex items-center justify-start space-x-3.5"
+                    >
+                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
+                        <Icons name="people-two" />
+                      </span>
+                      <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
+                        My Jobs
+                      </span>
+                    </NavLink>
+                  </li>
+                </ul>
+              </div>
             </div>
-            <div className="items">
+            )
-              <ul className="flex flex-col space-y-6">
+      }
-                <li className="item group">
-                  <NavLink
-                    to="/add-job"
-                    className="nav-item flex items-center justify-start space-x-3.5"
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                      <Icons name="people-two" />
-                    </span>
-                    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                      My Jobs
-                    </span>
-                  </NavLink>
-                </li>
-              </ul>
-            </div>
-          </div>
-        )}
       </div>
       {/* signout area */}
       {sidebar ? (

src/components/Partials/Sidebar.jsx

@@ -13,7 +13,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
 
   let { jobLists } = useSelector((state) => state.jobLists);
   const marketData = jobLists?.result_list;
-  let noOfJobs = marketData?.length <= 0 ? "0" : marketData?.length;
+  let noOfJobs = marketData?.length;
 
   useEffect(() => {
     const title = document.querySelectorAll(".menu-setting-items .heading");
@@ -233,164 +233,168 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
         <div className="setting-item">
           <div className="heading mb-5 bg-dark-blue   rounded-2xl p-2 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border">
             <NavLink to="/acc-family">
-              <h1 className="title text-xl font-bold text-purple">
+               <h1 className="title text-xl font-bold text-purple">Family Corner</h1>
-                Family Corner
-              </h1>
             </NavLink>
           </div>
         </div>
 
-        {!userDetails.post_jobs ? (
+        {!userDetails.post_jobs ? 
-          <div className="setting-item">
+        <div className="setting-item">
-            <div className="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
+          <div className="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
-              <NavLink to="/start-job">
+            <NavLink to="/start-job">
-                <span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
+              <span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
-                  Enable Job Post
+                Enable Job Post
-                </span>
+              </span>
-              </NavLink>
+            </NavLink>
-            </div>
           </div>
-        ) : jobLists?.result_list?.length ? (
+        </div>
-          <div className="setting-item">
+        :
-            <div className="heading mb-5">
+        jobLists?.result_list?.length ?
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
+          (
-            </div>
+            <div className="setting-item">
-            <div className="items">
+              <div className="heading mb-5">
-              <ul className="flex flex-col space-y-6">
+                <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
-                <li className="item group">
+              </div>
-                  <NavLink
+              <div className="items">
-                    to="/myjobs"
+                <ul className="flex flex-col space-y-6">
-                    className={`nav-item flex items-center ${
+                  <li className="item group">
-                      ((navData) => (navData.isActive ? "active" : ""),
+                    <NavLink
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
+                      to="/myjobs"
-                    }`}
+                      className={`nav-item flex items-center ${
-                  >
+                        ((navData) => (navData.isActive ? "active" : ""),
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
+                        sidebar ? "justify-start space-x-3.5" : "justify-center")
-                      <Icons name="people-two" />
-                    </span>
-                    <span
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                        sidebar ? "active flex-1" : "w-0"
                       }`}
                     >
-                      List
+                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    </span>
+                        <Icons name="people-two" />
-                  </NavLink>
+                      </span>
-                </li>
+                      <span
-                <li className="item group">
+                        className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                  <NavLink
+                          sidebar ? "active flex-1" : "w-0"
-                    to="/my-pending-jobs"
+                        }`}
-                    className={`nav-item flex items-center ${
+                      >
-                      ((navData) => (navData.isActive ? "active" : ""),
+                        List
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
+                      </span>
-                    }`}
+                    </NavLink>
-                  >
+                  </li>
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
+                  <li className="item group">
-                      <Icons name="people-two" />
+                    <NavLink
-                    </span>
+                      to="/my-pending-jobs"
-                    <span
+                      className={`nav-item flex items-center ${
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                        ((navData) => (navData.isActive ? "active" : ""),
-                        sidebar ? "active flex-1" : "w-0"
+                        sidebar ? "justify-start space-x-3.5" : "justify-center")
                       }`}
                     >
-                      Pending
+                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    </span>
+                        <Icons name="people-two" />
-                  </NavLink>
+                      </span>
-                </li>
+                      <span
-                <li className="item group">
+                        className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                  <NavLink
+                          sidebar ? "active flex-1" : "w-0"
-                    to="/my-active-jobs"
+                        }`}
-                    className={`nav-item flex items-center ${
+                      >
-                      ((navData) => (navData.isActive ? "active" : ""),
+                        Pending
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
+                      </span>
-                    }`}
+                    </NavLink>
-                  >
+                  </li>
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
+                  <li className="item group">
-                      <Icons name="people-two" />
+                    <NavLink
-                    </span>
+                      to="/my-active-jobs"
-                    <span
+                      className={`nav-item flex items-center ${
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                        ((navData) => (navData.isActive ? "active" : ""),
-                        sidebar ? "active flex-1" : "w-0"
+                        sidebar ? "justify-start space-x-3.5" : "justify-center")
                       }`}
                     >
-                      Active
+                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    </span>
+                        <Icons name="people-two" />
-                  </NavLink>
+                      </span>
-                </li>
+                      <span
-                {/*<li className="item group">*/}
+                        className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                {/*  <NavLink*/}
+                          sidebar ? "active flex-1" : "w-0"
-                {/*    to="/profile"*/}
+                        }`}
-                {/*    className={`nav-item flex items-center ${*/}
+                      >
-                {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
+                        Active
-                {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
+                      </span>
-                {/*    }`}*/}
+                    </NavLink>
-                {/*  >*/}
+                  </li>
-                {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
+                  {/*<li className="item group">*/}
-                {/*      <Icons name="people-two" />*/}
+                  {/*  <NavLink*/}
-                {/*    </span>*/}
+                  {/*    to="/profile"*/}
-                {/*    <span*/}
+                  {/*    className={`nav-item flex items-center ${*/}
-                {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
+                  {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-                {/*        sidebar ? "active flex-1" : "w-0"*/}
+                  {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-                {/*      }`}*/}
+                  {/*    }`}*/}
-                {/*    >*/}
+                  {/*  >*/}
-                {/*      My Profile*/}
+                  {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-                {/*    </span>*/}
+                  {/*      <Icons name="people-two" />*/}
-                {/*  </NavLink>*/}
+                  {/*    </span>*/}
-                {/*</li>*/}
+                  {/*    <span*/}
-                {/*<li className="item group">*/}
+                  {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
-                {/*  <NavLink*/}
+                  {/*        sidebar ? "active flex-1" : "w-0"*/}
-                {/*    to="/settings"*/}
+                  {/*      }`}*/}
-                {/*    className={`nav-item flex items-center ${*/}
+                  {/*    >*/}
-                {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
+                  {/*      My Profile*/}
-                {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
+                  {/*    </span>*/}
-                {/*    }`}*/}
+                  {/*  </NavLink>*/}
-                {/*  >*/}
+                  {/*</li>*/}
-                {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
+                  {/*<li className="item group">*/}
-                {/*      <Icons name="setting" />*/}
+                  {/*  <NavLink*/}
-                {/*    </span>*/}
+                  {/*    to="/settings"*/}
-                {/*    <span*/}
+                  {/*    className={`nav-item flex items-center ${*/}
-                {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
+                  {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-                {/*        sidebar ? "active flex-1" : "w-0"*/}
+                  {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-                {/*      }`}*/}
+                  {/*    }`}*/}
-                {/*    >*/}
+                  {/*  >*/}
-                {/*      Settings*/}
+                  {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-                {/*    </span>*/}
+                  {/*      <Icons name="setting" />*/}
-                {/*  </NavLink>*/}
+                  {/*    </span>*/}
-                {/*</li>*/}
+                  {/*    <span*/}
-              </ul>
+                  {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
+                  {/*        sidebar ? "active flex-1" : "w-0"*/}
+                  {/*      }`}*/}
+                  {/*    >*/}
+                  {/*      Settings*/}
+                  {/*    </span>*/}
+                  {/*  </NavLink>*/}
+                  {/*</li>*/}
+                </ul>
+              </div>
             </div>
-          </div>
+          )
-        ) : (
+          :
-          <div className="setting-item">
+          (
-            <div className="heading mb-5">
+            <div className="setting-item">
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
+              <div className="heading mb-5">
-            </div>
+                <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
-            <div className="items">
+              </div>
-              <ul className="flex flex-col space-y-6">
+              <div className="items">
-                <li className="item group">
+                <ul className="flex flex-col space-y-6">
-                  <NavLink
+                  <li className="item group">
-                    to="/add-job"
+                    <NavLink
-                    className={`nav-item flex items-center ${
+                      to="/add-job"
-                      ((navData) => (navData.isActive ? "active" : ""),
+                      className={`nav-item flex items-center ${
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
+                        ((navData) => (navData.isActive ? "active" : ""),
-                    }`}
+                        sidebar ? "justify-start space-x-3.5" : "justify-center")
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                      <Icons name="people-two" />
-                    </span>
-                    <span
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                        sidebar ? "active flex-1" : "w-0"
                       }`}
                     >
-                      Add Job
+                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    </span>
+                        <Icons name="people-two" />
-                  </NavLink>
+                      </span>
-                </li>
+                      <span
-              </ul>
+                        className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                          sidebar ? "active flex-1" : "w-0"
+                        }`}
+                      >
+                        Add Job
+                      </span>
+                    </NavLink>
+                  </li>
+                </ul>
+              </div>
             </div>
-          </div>
+          )
-        )}
+        }
+
       </div>
       {/* signout area */}
       {sidebar ? (

yarn.lock

@@ -1596,6 +1596,11 @@
     schema-utils "^3.0.0"
     source-map "^0.7.3"
 
+"@react-oauth/google@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/@react-oauth/google/-/google-0.11.0.tgz"
+  integrity sha512-yeypwdQCcFIAo43OqVOLBfUXuxmxt3xiybfP9h3smtBW4UeFXFVQDsq+d+GlbZFo0TpONPR2+KCk/KT1/pQnvQ==
+
 "@reduxjs/toolkit@^1.8.2":
   version "1.9.1"
   resolved "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.1.tgz"
@@ -2747,6 +2752,13 @@ axe-core@^4.6.2:
   resolved "https://registry.npmjs.org/axe-core/-/axe-core-4.6.2.tgz"
   integrity sha512-b1WlTV8+XKLj9gZy2DZXgQiyDp9xkkoe2a6U6UbYccScq2wgH/YwCeI2/Jq2mgo0HzQxqJOjWZBLeA/mqsk5Mg==
 
+axios@^0.21.1:
+  version "0.21.4"
+  resolved "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz"
+  integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
+  dependencies:
+    follow-redirects "^1.14.0"
+
 axios@^0.24.0:
   version "0.24.0"
   resolved "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz"
@@ -2897,14 +2909,6 @@ babel-preset-react-app@^10.0.1:
     babel-plugin-macros "^3.1.0"
     babel-plugin-transform-react-remove-prop-types "^0.4.24"
 
-babel-runtime@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz"
-  integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==
-  dependencies:
-    core-js "^2.4.0"
-    regenerator-runtime "^0.11.0"
-
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
@@ -3396,11 +3400,6 @@ core-js-pure@^3.23.3, core-js-pure@^3.25.1:
   resolved "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.27.1.tgz"
   integrity sha512-BS2NHgwwUppfeoqOXqi08mUqS5FiZpuRuJJpKsaME7kJz0xxuk0xkhDdfMIlP/zLa80krBqss1LtD7f889heAw==
 
-core-js@^2.4.0:
-  version "2.6.12"
-  resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
-  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
-
 core-js@^3.19.2:
   version "3.27.1"
   resolved "https://registry.npmjs.org/core-js/-/core-js-3.27.1.tgz"
@@ -4176,7 +4175,7 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-react-app@^7.0.0:
+eslint-config-react-app@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz"
   integrity sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==
@@ -4703,7 +4702,14 @@ flatted@^3.1.0:
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
-follow-redirects@^1.0.0, follow-redirects@^1.14.4:
+flutterwave-react-v3@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/flutterwave-react-v3/-/flutterwave-react-v3-1.3.0.tgz"
+  integrity sha512-y0dGSgxh9H/KMSDFurnoPYO3D6DSeOCZHPdLt8DnbtCkjgYgzNdqeXKvxerEaOJyitzXITsmlbzYdrEO/Lju3g==
+  dependencies:
+    axios "^0.21.1"
+
+follow-redirects@^1.0.0, follow-redirects@^1.14.0, follow-redirects@^1.14.4:
   version "1.15.2"
   resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz"
   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
@@ -6402,11 +6408,6 @@ loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-lottie-web@^5.1.3:
-  version "5.10.1"
-  resolved "https://registry.npmjs.org/lottie-web/-/lottie-web-5.10.1.tgz"
-  integrity sha512-u17bVNf/vA3oK9Wkyb1Vpo83WUIEQwaT0GeEN0qcvaExizyJ/RjmcbjSDj0CnwQCtpGqTgYhqprCC7cTWuXMNw==
-
 lower-case@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz"
@@ -7760,7 +7761,7 @@ react-countup@^6.2.0:
     "@rollup/plugin-babel" "^6.0.2"
     countup.js "^2.3.2"
 
-react-dev-utils@^12.0.0:
+react-dev-utils@^12.0.1:
   version "12.0.1"
   resolved "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz"
   integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
@@ -7790,7 +7791,7 @@ react-dev-utils@^12.0.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-react-dom@^18.0.0:
+react-dom@^18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -7823,15 +7824,7 @@ react-is@^18.0.0:
   resolved "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-lottie@^1.2.3:
+react-redux@^8.0.5:
-  version "1.2.3"
-  resolved "https://registry.npmjs.org/react-lottie/-/react-lottie-1.2.3.tgz"
-  integrity sha512-qLCERxUr8M+4mm1LU0Ruxw5Y5Fn/OmYkGfnA+JDM/dZb3oKwVAJCjwnjkj9TMHtzR2U6sMEUD3ZZ1RaHagM7kA==
-  dependencies:
-    babel-runtime "^6.26.0"
-    lottie-web "^5.1.3"
-
-react-redux@^8.0.2:
   version "8.0.5"
   resolved "https://registry.npmjs.org/react-redux/-/react-redux-8.0.5.tgz"
   integrity sha512-Q2f6fCKxPFpkXt1qNRZdEDLlScsDWyrgSj0mliK59qU6W5gvBiKkdMEG2lJzhd1rCctf0hb6EtePPLZ2e0m1uw==
@@ -7863,10 +7856,10 @@ react-router@6.6.2:
   dependencies:
     "@remix-run/router" "1.2.1"
 
-react-scripts@5.0.0:
+react-scripts@5.0.1:
-  version "5.0.0"
+  version "5.0.1"
-  resolved "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.0.tgz"
+  resolved "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz"
-  integrity sha512-3i0L2CyIlROz7mxETEdfif6Sfhh9Lfpzi10CtcGs1emDQStmZfWjJbAIMtRD0opVUjQuFWqHZyRZ9PPzKCFxWg==
+  integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
   dependencies:
     "@babel/core" "^7.16.0"
     "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3"
@@ -7884,7 +7877,7 @@ react-scripts@5.0.0:
     dotenv "^10.0.0"
     dotenv-expand "^5.1.0"
     eslint "^8.3.0"
-    eslint-config-react-app "^7.0.0"
+    eslint-config-react-app "^7.0.1"
     eslint-webpack-plugin "^3.1.1"
     file-loader "^6.2.0"
     fs-extra "^10.0.0"
@@ -7901,7 +7894,7 @@ react-scripts@5.0.0:
     postcss-preset-env "^7.0.1"
     prompts "^2.4.2"
     react-app-polyfill "^3.0.0"
-    react-dev-utils "^12.0.0"
+    react-dev-utils "^12.0.1"
     react-refresh "^0.11.0"
     resolve "^1.20.0"
     resolve-url-loader "^4.0.0"
@@ -7936,7 +7929,7 @@ react-toastify@^9.0.1:
   dependencies:
     clsx "^1.1.1"
 
-react@^18.0.0:
+react@^18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -8018,11 +8011,6 @@ regenerate@^1.4.2:
   resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz"
-  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
-
 regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
   version "0.13.11"
   resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz"