Job cards

src/components/MarketPlace/MainSection.jsx

@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from "react";
-import ProductCardStyleTwo from "../Cards/ProductCardStyleTwo";
+//import ProductCardStyleTwo from "../Cards/ProductCardStyleTwo";
 import DataIteration from "../Helpers/DataIteration";
 import SearchCom from "../Helpers/SearchCom";
+import ActiveJobsCard from "../Cards/ActiveJobsCard";
 
 export default function MainSection({ className, marketPlaceProduct }) {
   const [tab, setTab] = useState("explore");
@@ -97,7 +98,7 @@ export default function MainSection({ className, marketPlaceProduct }) {
               endLength={products.length}
             >
               {({ datas }) => (
-                <ProductCardStyleTwo key={datas.id} datas={datas} />
+                <ActiveJobsCard key={datas.id} datas={datas} />
               )}
             </DataIteration>
           </div>