add show time function in all page of job

src/components/all-jobs.tsx

@@ -10,6 +10,7 @@ import { PaginationPages } from './ui/paginator';
 import Icon from './ui/icon';
 import { formatSalary } from '@/lib/utils';
 import Link from 'next/link';
+import daysAgo from '@/lib/show-time';
 type PaginatorProps = {
   searchParams: JobQuerySchemaType;
 };
@@ -47,6 +48,9 @@ const AllJobs = async ({ searchParams }: PaginatorProps) => {
                     ? `${formatSalary(job.minSalary)}-${formatSalary(job.maxSalary)}`
                     : 'Not disclosed'}
                 </span>
+                <span className="flex items-center gap-0.5">
+                  {daysAgo(job.postedAt)}
+                </span>
               </div>
               <p className="flex gap-0.5 items-center text-muted-foreground text-xs">
                 <Icon icon="description" size={12} />

src/components/job-landing.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link';
 import Icon from './ui/icon';
 import { JobType } from '@/types/jobs.types';
 import { DEFAULT_PAGE } from '@/config/app.config';
+import daysAgo from '@/lib/show-time';
 
 export const JobLanding = async () => {
   const jobs = await getAllJobs({
@@ -26,13 +27,7 @@ export const JobLanding = async () => {
 };
 
 const JobCard = ({ job }: { job: JobType }) => {
-    const daysAgo = (jobDate:Date)=>{
-      const postDate = new Date(jobDate);
-      const now = new Date();
-      const differenceInMilles = now.getTime() - postDate.getTime();
-      const differenceInDays = Math.floor(differenceInMilles / (1000 * 60 * 60 * 24))
-      return differenceInDays === 0 ? 'Today': `${differenceInDays} day${differenceInDays > 1 ? 's' : ''} ago`;
-    }
+
   return (
     <Link href={`/jobs/${job.id}`}>
       <div className="flex flex-col items-start gap-4 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent bg-background">

src/components/job.tsx

@@ -2,6 +2,7 @@ import { JobType } from '@/types/jobs.types';
 import Icon from './ui/icon';
 import { formatSalary } from '@/lib/utils';
 import { Button } from './ui/button';
+import daysAgo from '@/lib/show-time';
 
 export const Job = ({ job }: { job: JobType }) => {
   return (
@@ -20,6 +21,9 @@ export const Job = ({ job }: { job: JobType }) => {
               ? `${formatSalary(job.minSalary)}-${formatSalary(job.maxSalary)}`
               : 'Not disclosed'}
           </span>
+          <span className="flex items-center gap-0.5">
+            {daysAgo(job.postedAt)}
+          </span>
         </div>
       </div>
       <Button className="justify-self-start">Apply</Button>

src/lib/show-time.ts

@@ -0,0 +1,8 @@
+const daysAgo = (jobDate:Date)=>{
+    const postDate = new Date(jobDate);
+    const now = new Date();
+    const differenceInMilles = now.getTime() - postDate.getTime();
+    const differenceInDays = Math.floor(differenceInMilles / (1000 * 60 * 60 * 24))
+    return differenceInDays === 0 ? 'Today': `${differenceInDays} day${differenceInDays > 1 ? 's' : ''} ago`;
+}
+export default daysAgo;