58 lines
1.8 KiB
React
58 lines
1.8 KiB
React
import React, { useState } from "react";
|
|
import Layout from "../Partials/Layout";
|
|
import MyJobTable from "./MyJobTable";
|
|
import CommonHead from "../UserHeader/CommonHead";
|
|
// import TopSellerTopBuyerSliderSection from "../Home/TopSellerTopBuyerSliderSection";
|
|
import MyOffersTable from "./MyOffersTable";
|
|
import { useSelector } from "react-redux";
|
|
|
|
export default function MyTasks({
|
|
MyActiveOffersList,
|
|
ActiveJobList,
|
|
commonHeadData,
|
|
}) {
|
|
const { userDetails: account_type } = useSelector(
|
|
(state) => state?.userDetails
|
|
);
|
|
|
|
const [selectTab, setValue] = useState("today");
|
|
const filterHandler = (value) => {
|
|
setValue(value);
|
|
};
|
|
return (
|
|
<Layout>
|
|
<CommonHead commonHeadData={commonHeadData} />
|
|
<div className="notification-page w-full mb-10">
|
|
<div className="notification-wrapper w-full">
|
|
{/* 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">
|
|
<span
|
|
className={`${selectTab === "today" ? "block" : "hidden"}`}
|
|
>
|
|
My Tasks
|
|
</span>
|
|
</h1>
|
|
</div>
|
|
<div className="slider-btns flex space-x-4">
|
|
<div
|
|
onClick={() => filterHandler("today")}
|
|
className="relative"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
{MyActiveOffersList &&
|
|
MyActiveOffersList?.result_list?.length >= 0 && (
|
|
<MyOffersTable
|
|
MyActiveOffersList={MyActiveOffersList}
|
|
className="mb-10"
|
|
/>
|
|
)}
|
|
<MyJobTable ActiveJobList={ActiveJobList} Account={account_type} />
|
|
</div>
|
|
</div>
|
|
</Layout>
|
|
);
|
|
}
|