Job filters

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 }) {
           <div className="tab-item lg:mb-0 mb-5">
             <div className="md:flex md:space-x-8 space-x-2">
               <span
-                onClick={() => 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
               </span>
               <span
                 onClick={() => tabHandler("artist")}