formatted date style

2024-02-28 10:08:26 +01:00
2 changed files with 9 additions and 10 deletions
@@ -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>
@@ -109,12 +109,13 @@ export default function MainSection({
              endLength={products?.length}
            >
              {({ datas }) => (
-                <AvailableJobsCard
-                  contentDisplay={contentDisplay}
-                  image_server={image_server}
-                  key={datas.job_uid}
-                  datas={datas}
-                />
+                <div key={datas.job_uid}>
+                  <AvailableJobsCard
+                    contentDisplay={contentDisplay}
+                    image_server={image_server}
+                    datas={datas}
+                  />
+                </div>
              )}
            </DataIteration>
          </div>