diff --git a/src/components/MarketPlace/MainSection.jsx b/src/components/MarketPlace/MainSection.jsx index 56b4961..52bc3e8 100644 --- a/src/components/MarketPlace/MainSection.jsx +++ b/src/components/MarketPlace/MainSection.jsx @@ -3,7 +3,7 @@ import DataIteration from "../Helpers/DataIteration"; import AvailableJobsCard from "../Cards/AvailableJobsCard"; export default function MainSection({ className, marketPlaceProduct }) { - const [tab, setTab] = useState("explore"); + const [tab, setTab] = useState("all"); const [products, setProducts] = useState(marketPlaceProduct); const tabHandler = (value) => { setTab(value); @@ -29,14 +29,14 @@ export default function MainSection({ className, marketPlaceProduct }) {
tabHandler("explore")} + onClick={() => tabHandler("all")} className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ - tab === "explore" + tab === "all" ? "text-pink border-pink" : " border-transparent" }`} > - Explore + All tabHandler("artist")}