From b83dc9777dd6fb99fc1a0d756fcd8918765be0f7 Mon Sep 17 00:00:00 2001
From: nuno-aac <naac.1999@gmail.com>
Date: Fri, 20 Oct 2023 09:44:24 +0100
Subject: [PATCH] Update jobs card

---
 workspaces/website/src/pages/jobs/JobsCard.tsx |  3 ++-
 workspaces/website/src/pages/jobs/JobsPage.tsx | 13 +++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/workspaces/website/src/pages/jobs/JobsCard.tsx b/workspaces/website/src/pages/jobs/JobsCard.tsx
index 85def9a99c3..1289730272c 100644
--- a/workspaces/website/src/pages/jobs/JobsCard.tsx
+++ b/workspaces/website/src/pages/jobs/JobsCard.tsx
@@ -1,5 +1,6 @@
 import { ListCard } from "@ui/Card/ListCard";
 import { JobsHit } from "./JobsPage";
+import moment from "moment";
 
 export default function JobsCard({ hit }: { hit: JobsHit }) {
   let tags: string[] = [];
@@ -10,7 +11,7 @@ export default function JobsCard({ hit }: { hit: JobsHit }) {
   return (
     <ListCard
       variant="job"
-      startDateTime={hit.contact?.name}
+      startDateTime={`${hit.contact?.name} - ${moment(hit.published_at).format('DD MMM, YYYY')}`}
       image={hit.contact?.logo}
       title={hit.job?.title}
       description={hit.job?.description}
diff --git a/workspaces/website/src/pages/jobs/JobsPage.tsx b/workspaces/website/src/pages/jobs/JobsPage.tsx
index 623f3698c69..30a9e77d9cc 100644
--- a/workspaces/website/src/pages/jobs/JobsPage.tsx
+++ b/workspaces/website/src/pages/jobs/JobsPage.tsx
@@ -15,7 +15,7 @@ import algoliasearch from "algoliasearch/lite";
 import {
   InstantSearch,
   Configure,
-  useInfiniteHits,
+  useInfiniteHits
 } from "react-instantsearch-hooks-web";
 import { useRefinementList } from "react-instantsearch-hooks";
 import { PageLayout } from "@ui/Layout/PageLayout";
@@ -55,8 +55,11 @@ export function JobsPage({ params, env, seo }: Props): JSX.Element | null {
         indexName={`web_jobs_${env.ALGOLIA_INDEX}`}
       >
         <Configure
-          hitsPerPage={40}
-          facetsRefinements={{ locale: [params.locale], status: ['active'] }}
+          hitsPerPage={5}
+          facetsRefinements={{ 
+            locale: [params.locale],
+            status: ['active']
+          }}
         />
         <JobsPageLayout params={params} seo={seo} />
       </InstantSearch>
@@ -313,7 +316,9 @@ export type JobsHit = {
 };
 
 function CustomHits() {
-  const { hits, showMore, isLastPage } = useInfiniteHits<JobsHit>();
+  const { hits, showMore, isLastPage } = useInfiniteHits<JobsHit>({
+    sortBy: ["published_at_ts:desc"],
+  });
 
   return (
     <>