Merge branch 'market-date-format' of WrenchBoard/Users-Wrench into master

src/components/Cards/AvailableJobsCard.jsx

@@ -5,7 +5,6 @@ import MarketPopUp from "../MarketPlace/PopUp/MarketPopUp";
 export default function AvailableJobsCard({
   className,
   datas,
-  key,
   hidden = false,
   contentDisplay,
   image_server,
@@ -38,7 +37,6 @@ export default function AvailableJobsCard({
           className={`card-style-two w-full h-[426px] p-[20px] bg-white dark:bg-dark-white   rounded-2xl section-shadow ${
             className || ""
           }`}
-          key={key}
         >
           <div
             onClick={() => {
@@ -57,7 +55,7 @@ export default function AvailableJobsCard({
                     Added
                   </p>
                   <p className="text-base   text-dark-gray dark:text-white">
-                    {datas.offer_added}
+                    {new Date(datas.offer_added).toLocaleDateString()}
                   </p>
                 </div>
               </div>
@@ -68,7 +66,7 @@ export default function AvailableJobsCard({
                     Expires
                   </p>
                   <p className="text-base text-dark-gray dark:text-white text-right">
-                    {datas.expire}
+                    {new Date(datas.expire).toLocaleDateString()}
                   </p>
                 </div>
               </div>

src/components/MarketPlace/MainSection.jsx

@@ -109,12 +109,13 @@ export default function MainSection({
               endLength={products?.length}
             >
               {({ datas }) => (
-                <AvailableJobsCard
+                <div key={datas.job_uid}>
-                  contentDisplay={contentDisplay}
+                  <AvailableJobsCard
-                  image_server={image_server}
+                    contentDisplay={contentDisplay}
-                  key={datas.job_uid}
+                    image_server={image_server}
-                  datas={datas}
+                    datas={datas}
-                />
+                  />
+                </div>
               )}
             </DataIteration>
           </div>