feat(jobs): wire JobsTimeFilter in jobs page header

Plaatst het tijdfilter-component rechts van de Jobs-kop via justify-between op de header-div.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scrum4Me Agent 2026-05-14 20:43:40 +02:00
parent b12f6c1307
commit f5b021bee5

View file

@ -2,6 +2,7 @@ import { redirect } from 'next/navigation'
import { getSession } from '@/lib/auth' import { getSession } from '@/lib/auth'
import { fetchJobsPageData } from '@/actions/jobs-page' import { fetchJobsPageData } from '@/actions/jobs-page'
import JobsBoard from '@/components/jobs/jobs-board' import JobsBoard from '@/components/jobs/jobs-board'
import JobsTimeFilter from '@/components/jobs/jobs-time-filter'
export const metadata = { title: 'Jobs — Scrum4Me' } export const metadata = { title: 'Jobs — Scrum4Me' }
@ -14,8 +15,9 @@ export default async function JobsPage() {
return ( return (
<main className="flex-1 flex flex-col overflow-hidden"> <main className="flex-1 flex flex-col overflow-hidden">
<div className="px-6 py-4 border-b shrink-0 flex items-center gap-3"> <div className="px-6 py-4 border-b shrink-0 flex items-center justify-between gap-3">
<h1 className="text-lg font-semibold">Jobs</h1> <h1 className="text-lg font-semibold">Jobs</h1>
<JobsTimeFilter />
</div> </div>
<div className="flex-1 overflow-hidden"> <div className="flex-1 overflow-hidden">
<JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} isDemo={session.isDemo ?? false} /> <JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} isDemo={session.isDemo ?? false} />