Interest count data update

src/Routers.jsx

@@ -43,6 +43,7 @@ import AuthRedirect from "./views/AuthRedirect";
 import MyPastDueJobsPage from "./views/MyPastDueJobsPage";
 import BlogPage from "./views/BlogPage";
 import MyReviewDueJobsPage from "./views/MyReviewDueJobsPage";
+import OffersInterestPage from "./views/OffersInterestPage";
 
 export default function Routers() {
   return (
@@ -97,6 +98,7 @@ export default function Routers() {
           <Route exact path="/start-job"  element={<StartJob />} />
           <Route exact path="/manage-active-job"  element={<ManageActiveJobs />} />
           <Route exact path="/blog-page"  element={<BlogPage />} />
+          <Route exact path="/offer-interest"  element={<OffersInterestPage />} />
 
 
           <Route

src/components/MarketPlace/PopUp/MarketPopUp.jsx

@@ -245,7 +245,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
 
               <div className="">
                 <p className="flex items-center tracking-wide">
-                  Interest: <b className="ml-1">{marketInt?.public_view}</b>
+                  Interest: <b className="ml-1">{details.interest_count}</b>
                 </p>
                 <hr />
                 <p className="my-1">Expire: {expireIntDate}</p>

src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx

@@ -7,10 +7,10 @@ function CurrentJobAction() {
           <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
               <tbody>
               <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                  <td className=" py-4">
+                  <td className=" py-1">
                       <div className="flex space-x-2 items-center w-full">
                           <div className="flex flex-col flex-[0.9]">
-                              <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                              <h1 className="text-xl text-dark-gray dark:text-white">
                                   Waiting for the completion message from the client before you can approve.
                               </h1>
                           </div>

src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx

@@ -37,14 +37,16 @@ function CurrentTaskAction({jobDetails}) {
 
           <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 active-worker">
               <tbody>
-              <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+              <tr className=" border-b">
                   <td>
+
                       <div className="flex space-x-2 items-center w-full">
-                          <div className="flex flex-col flex-[0.9]">
+                          <h1 className="text-xl text-dark-gray dark:text-white">
-                              <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                              I completed this task and ready for review and acceptance.
-                                  I completed this task and ready for review and acceptance.
+                          </h1>
-                              </h1>
+                          {/*<div className="flex flex-col flex-[0.9]">*/}
-                          </div>
+
+                          {/*</div>*/}
                       </div>
                   </td>
               </tr>

src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx

@@ -10,7 +10,7 @@ function PastDueJobAction() {
                 <td>
                     <div className="flex space-x-2 items-center w-full">
                         <div className="flex flex-col flex-[0.9]">
-                            <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                            <h1 className="text-xl text-dark-gray dark:text-white">
                                 Time allocated has passed
                             </h1>
                         </div>

src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx

@@ -10,7 +10,7 @@ function PastDueTaskAction() {
                 <td>
                     <div className="flex space-x-2 items-center w-full">
                         <div className="flex flex-col flex-[0.9]">
-                            <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                            <h1 className="text-xl text-dark-gray dark:text-white">
                                 You have missed the allocated time
                             </h1>
                         </div>

src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx

@@ -6,11 +6,11 @@ function ReviewJobAction() {
       <p className="my-3 py-1 text-base">
           <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 review-owner">
               <tbody>
-              <tr className="   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+              <tr className="border-b dark:border-[#5356fb29]">
-                  <td className=" py-4">
+                  <td className=" py-1">
                       <div className="flex space-x-2 items-center w-full">
                           <div className="flex flex-col flex-[0.9]">
-                              <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                              <h1 className="text-xl text-dark-gray dark:text-white">
                                   This Job is Ready for your review
                               </h1>
                           </div>
@@ -21,7 +21,7 @@ function ReviewJobAction() {
                   <td>
                       <div className="flex justify-center items-center">
                           <button  type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
-                             Reject/Accepts
+                             Reject or Accept
                           </button>
                       </div>
                   </td>

src/components/MyWallet/Balance.jsx

@@ -8,13 +8,24 @@ import LoadingSpinner from '../Spinners/LoadingSpinner'
 function Balance({wallet, coupon}) {
     return (
         <div className="content-wrapper">
+            {/* heading */}
+            <div className="sm:flex justify-between items-center mb-6">
+                <div className="mb-5 sm:mb-0">
+                    <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                        Wallet
+                    </h1>
+                </div>
+                <div className="slider-btns flex space-x-4">
+
+                </div>
+            </div>
             <div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
                 {/* WALLET SECTION */}
-                <div className="lg:w-3/4 w-full mb-10 lg:mb-0">
+                <div className="lg:w-4/4 w-full mb-10 lg:mb-0">
                     <div className="wallet w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white rounded-2xl shadow">
                         <div className='flex items-baseline justify-between'>
-                            <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>
+                            {/*<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>*/}
-                            <p className='text-base text-slate-500 dark:text-white'>Add New Wallet</p>
+                            {/*<p className='text-base text-slate-500 dark:text-white'>Add New Wallet</p>*/}
                         </div>
                         {/* wallet balance */}
                         {wallet.loading ?
@@ -26,7 +37,7 @@ function Balance({wallet, coupon}) {
                             <div className='text-slate-900 w-full md:w-1/2 flex space-x-3 items-start justify-start'>
                                 <div className='balance-info'>
                                     <p className='py-2'></p>
-                                    <span className='text-base'>{item.description}</span>
+                                    <span className='text-xl text-dark-gray dark:text-white'>{item.description}</span>
                                     <p className='text-base text-slate-500'>{item.symbol}</p>
                                 </div>
                                 <div className='balance-info'>
@@ -43,10 +54,10 @@ function Balance({wallet, coupon}) {
                                 {
                                     item.action_type != 'AC_AD_FD_ONLY' ?
                                         <Link to='transfer-fund' className='lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px]
-                                                                   items-center rounded-full relative  bg-purple pr-1.5 pl-4'>Transfer</Link>:''
+                                                                   items-center rounded-full relative  bg-purple pr-1.5 pl-4 lg:text-xl text-lg font-bold text-white'>Transfer</Link>:''
                                 }
                                 <Link to='add-fund' className='lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px]
-                                                                   items-center rounded-full relative  bg-purple pr-1.5 pl-4'>+Add Credit</Link>
+                                                                   items-center rounded-full relative  bg-purple pr-1.5 pl-4 lg:text-xl text-lg font-bold text-white'>+Add Credit</Link>
                             </div>
                         </div>
                         ))
@@ -73,22 +84,22 @@ function Balance({wallet, coupon}) {
 
             </div>
 
-            <div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
+            {/*<div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>*/}
 
-                {/* COUPON SECTION */}
+            {/*    /!* COUPON SECTION *!/*/}
-                <div className="lg:w-3/4 w-full mb-10 lg:mb-0">
+            {/*    <div className="lg:w-3/4 w-full mb-10 lg:mb-0">*/}
-                    <div className="wallet w-full  md:p-8 p-4 h-full max-h-[500px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">
+            {/*        <div className="wallet w-full  md:p-8 p-4 h-full max-h-[500px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">*/}
-                        <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Coupons</h2>
+            {/*            <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Coupons</h2>*/}
-                        {coupon.loading ?
+            {/*            {coupon.loading ?*/}
-                            <LoadingSpinner size='16' color='sky-blue' />
+            {/*                <LoadingSpinner size='16' color='sky-blue' />*/}
-                            :
+            {/*                :*/}
-                            <CouponTable coupon={coupon} />
+            {/*                <CouponTable coupon={coupon} />*/}
-                        }
+            {/*            }*/}
-                    </div>
+            {/*        </div>*/}
-                </div>
+            {/*    </div>*/}
-                {/* END OF COUPON SECTION */}
+            {/*    /!* END OF COUPON SECTION *!/*/}
 
-            </div>
+            {/*</div>*/}
         </div>
       )
 }

src/components/UserHeader/RecomendedSliders.jsx

@@ -102,7 +102,7 @@ export default function RecomendedSliders({ className,bannerData }) {
                     {bannerData.map((item, index) => (
                         <Link key={index} to={`/${item.link_path}`}>
                             <div className="item">
-                                <div className="commonHeaderSliderItem">
+                                <div className={`commonHeaderSliderItem ${item.short_style}`}>
                                     {/* title */}
                                     <div className="flex justify-center">
                                         <p className="text-base font-bold   text-dark-gray dark:text-white">

src/index.css

@@ -9,6 +9,9 @@
   font-family: "Product Sans";
   src: url("./assets/fonts/Product Sans Bold.ttf");
 }
+
+
+
 .job-action{
   background-color: lightgoldenrodyellow;
   height: 100px;
@@ -47,6 +50,22 @@
   height: 95px;
   padding: 5px;
 }
+
+.short_style{
+  background-color: transparent;
+}
+.lr{
+  background-color: #e1cace;
+}
+.lg{
+  background-color: #a7dca7;
+}
+.lb{
+  background-color: #b3ccd7;
+}
+.ly{
+  background-color: #eeee67;
+}
 .offer-slide-item{
   background: rgb(2,0,36);
   background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(3,51,2,0.782125350140056) 0%, rgba(0,212,255,0.07904411764705888) 0%, rgba(153,182,201,1) 99%);

src/views/OffersInterestPage.jsx

@@ -0,0 +1,13 @@
+import React, { useContext, useState, useEffect } from "react";
+import BlogItem from "../components/Blogs";
+import { useSelector } from "react-redux";
+
+export default function OffersInterestPage() {
+    let {commonHeadBanner} = useSelector(state => state.commonHeadBanner)
+
+    return (
+        <>
+            <BlogItem  commonHeadData={commonHeadBanner.result_list} />
+        </>
+    );
+}