Common head data

src/components/MarketPlace/index.jsx

@@ -6,7 +6,7 @@ import MainSection from "./MainSection";
 import CommonHead from "../UserHeader/CommonHead";
 import { useSelector } from "react-redux";
 
-export default function MarketPlace() {
+export default function MarketPlace({commonHeadData}) {
   let { jobLists } = useSelector((state) => state.jobLists);
   const marketData = jobLists?.result_list;
 
@@ -14,7 +14,7 @@ export default function MarketPlace() {
   return (
     <>
       <Layout>
-        <CommonHead />
+        <CommonHead  commonHeadData={commonHeadData} />
         <MainSection marketPlaceProduct={marketData} className="mb-10" />
       </Layout>
     </>

src/components/MyActiveJobs/index.jsx

@@ -12,7 +12,9 @@ export default function MyActiveJobs(props) {
   console.log("AMEYE LOC1", props.MyJobList);
   return (
     <Layout>
-      <CommonHead />
+      <CommonHead
+          commonHeadData={props.commonHeadData}
+      />
       <div className="notification-page w-full mb-10">
         <div className="notification-wrapper w-full">
           {/* heading */}

src/components/MyJobs/index.jsx

@@ -12,7 +12,9 @@ export default function MyJobs(props) {
   console.log("AMEYE LOC1", props.MyJobList);
   return (
     <Layout>
-      <CommonHead />
+      <CommonHead
+          commonHeadData={props.commonHeadData}
+      />
       <div className="notification-page w-full mb-10">
         <div className="notification-wrapper w-full">
           {/* heading */}
@@ -40,7 +42,10 @@ export default function MyJobs(props) {
               ></div>
             </div>
           </div>
-          <MyJobTable MyJobList={props.MyJobList} reloadJobList={props.reloadJobList} />
+          <MyJobTable
+              MyJobList={props.MyJobList}
+              reloadJobList={props.reloadJobList}
+          />
         </div>
       </div>
     </Layout>

src/components/MyPendingJobs/index.jsx

@@ -12,7 +12,9 @@ export default function MyPendingJobs(props) {
   console.log("AMEYE LOC1", props.MyJobList);
   return (
     <Layout>
-      <CommonHead />
+      <CommonHead
+          commonHeadData={props.commonHeadData}
+      />
       <div className="notification-page w-full mb-10">
         <div className="notification-wrapper w-full">
           {/* heading */}

src/components/MyTasks/index.jsx

@@ -4,14 +4,14 @@ import Layout from "../Partials/Layout";
 import MyJobTable from "./MyJobTable";
 import CommonHead from "../UserHeader/CommonHead";
 
-export default function MyTasks() {
+export default function MyTasks({commonHeadData}) {
   const [selectTab, setValue] = useState("today");
   const filterHandler = (value) => {
     setValue(value);
   };
   return (
     <Layout>
-      <CommonHead />
+      <CommonHead commonHeadData={commonHeadData} />
       <div className="notification-page w-full mb-10">
         <div className="notification-wrapper w-full">
           {/* heading */}

src/components/UserHeader/CommonHead.jsx

@@ -1,7 +1,9 @@
 import React from "react";
 import { Link } from "react-router-dom";
 
-export default function CommonHead({ className }) {
+export default function CommonHead({ className,commonHeadData }) {
+    const vvv=  commonHeadData();
+    console.log("UUUUUUUU-",vvv);
     return (
         <div
             className={`create-nft w-full lg:h-[140px] shadow lg:flex rounded-lg justify-between items-center  md:p-9 p-4 bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29] -2 border-pink mb-10 ${