janpeter/Scrum4Me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(PBI-jobs): voeg isDemo-prop door aan JobsBoard en JobDetailPane

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scrum4Me Agent 2026-05-09 17:00:04 +02:00
parent 71319e629d
commit 39e035b0b0
3 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/(app)/jobs/page.tsx
View file

@ -18,7 +18,7 @@ export default async function JobsPage() {
<h1 className="text-lg font-semibold">Jobs</h1>
</div>
<div className="flex-1 overflow-hidden">
<JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} />
<JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} isDemo={session.isDemo ?? false} />
</div>
</main>
)

3
components/jobs/job-detail-pane.tsx
View file

@ -42,9 +42,10 @@ function subjectLabel(job: JobWithRelations): { label: string; value: string } |
interface JobDetailPaneProps {
job: JobWithRelations | null
isDemo: boolean
}
export default function JobDetailPane({ job }: JobDetailPaneProps) {
export default function JobDetailPane({ job, isDemo: _isDemo }: JobDetailPaneProps) {
if (!job) {
return (
<div className="flex items-center justify-center h-full text-sm text-muted-foreground">

5
components/jobs/jobs-board.tsx
View file

@ -15,6 +15,7 @@ import type { JobWithRelations } from '@/actions/jobs-page'
interface JobsBoardProps {
initialActiveJobs: JobWithRelations[]
initialDoneJobs: JobWithRelations[]
isDemo: boolean
}
type View = 'detail' | 'usage'
@ -32,7 +33,7 @@ const DONE_STATUS_OPTIONS: Array<{ value: ClaudeJobStatusApi; label: string }> =
{ value: 'skipped', label: 'Overgeslagen' },
]
export default function JobsBoard({ initialActiveJobs, initialDoneJobs }: JobsBoardProps) {
export default function JobsBoard({ initialActiveJobs, initialDoneJobs, isDemo }: JobsBoardProps) {
const { activeJobs, doneJobs, selectedJobId, initJobs, setSelectedJobId } = useJobsStore()
const [view, setView] = useState<View>('detail')
useJobsRealtime()
@ -77,7 +78,7 @@ export default function JobsBoard({ initialActiveJobs, initialDoneJobs }: JobsBo
</Button>
</div>
<div className="flex-1 overflow-y-auto">
{view === 'detail' ? <JobDetailPane job={selectedJob} /> : <JobUsagePane job={selectedJob} />}
{view === 'detail' ? <JobDetailPane job={selectedJob} isDemo={isDemo} /> : <JobUsagePane job={selectedJob} />}
</div>
</div>
)