feat: display date in job offer

apps/jobboard/src/app/(public)/job-offers/[publicId]/page.tsx

@@ -5,6 +5,7 @@ import { Header } from '@jobboard/common-ui';
 import Link from 'next/link';
 import { fetchOffer } from '../../../../services/offers';
 import { notFound } from 'next/navigation';
+import { format } from 'date-fns';
 
 // export const metadata: Metadata = {
 //   title: 'Job Offers',
@@ -37,6 +38,7 @@ export default async function JobOfferPage({ params }: Params) {
         <h2 className="font-bold text-2xl">{offer.title}</h2>
         <p>{offer.description}</p>
         <p>Salary: {offer.salary} PLN</p>
+        <p>{format(offer.created_at, 'dd.MM.yyyy HH:mm')}</p>
       </div>
     </div>
   );

apps/jobboard/src/services/offers.ts

@@ -24,7 +24,17 @@ export const fetchJobOffers = async (query: string | null) => {
 };
 
 export const fetchOffer = async (publicId: JobOffer['public_id']) => {
-  return db.jobOffer.findUnique({ where: { public_id: publicId } });
+  return db.jobOffer.findUnique({
+    where: { public_id: publicId },
+    select: {
+      public_id: true,
+      city: true,
+      salary: true,
+      title: true,
+      description: true,
+      created_at: true,
+    },
+  }); //
 };
 
 const wait = async (ms: number) =>

package.json

@@ -8,6 +8,7 @@
     "@heroicons/react": "^2.1.1",
     "@hookform/resolvers": "^3.3.4",
     "@prisma/client": "^5.9.0",
+    "date-fns": "^3.6.0",
     "next": "14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",