Scrum4Me/app/(app)/jobs/page.tsx
Janpeter Visser 3ad352c10f
Sprint: ll (#206)
* feat(jobs): voeg lib/jobs-time-filter.ts toe met tijdvenster-predikaat

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(user-settings): voeg views.jobs.timeFilter toe aan UserSettingsSchema

Breidt ViewsPrefs uit met een jobs-object (JobsViewPrefs) dat timeFilter
accepteert met waarden '1h' | '24h' | 'all'. ViewsPrefs blijft .strict().

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* test(jobs-time-filter): voeg unit-tests toe voor isWithinTimeWindow en UserSettings-schema

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* feat(jobs-time-filter): voeg JobsTimeFilterControl component toe

Nieuw client-component dat views.jobs.timeFilter leest/schrijft
via useUserSettingsStore met pill-stijl (MD3-tokens).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* 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>

* feat(jobs): pas tijdvenster-filter toe in JobsColumn

Lees views.jobs.timeFilter uit de store en filter jobs op createdAt via isWithinTimeWindow, als eerste check vóór de bestaande kind/status-filters.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-14 21:06:59 +02:00

27 lines
970 B
TypeScript

import { redirect } from 'next/navigation'
import { getSession } from '@/lib/auth'
import { fetchJobsPageData } from '@/actions/jobs-page'
import JobsBoard from '@/components/jobs/jobs-board'
import JobsTimeFilter from '@/components/jobs/jobs-time-filter'
export const metadata = { title: 'Jobs — Scrum4Me' }
export default async function JobsPage() {
const session = await getSession()
if (!session.userId) redirect('/login')
const data = await fetchJobsPageData()
if (!data) redirect('/login')
return (
<main className="flex-1 flex flex-col overflow-hidden">
<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>
<JobsTimeFilter />
</div>
<div className="flex-1 overflow-hidden">
<JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} isDemo={session.isDemo ?? false} />
</div>
</main>
)
}