m/KanzlAI-mGMT
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add array guards to all frontend components consuming API responses

Browse Source 
Prevents "M.forEach is not a function" crashes when API returns error
objects or unexpected shapes instead of arrays. Guards all useQuery
consumers with Array.isArray checks and safe defaults for object props.

Files fixed: DeadlineList, AppointmentList, TenantSwitcher,
DeadlineTrafficLights, UpcomingTimeline, CaseOverviewGrid,
AISummaryCard, TeamSettings, and all page-level components
(dashboard, cases, fristen, termine, ai/extract).
This commit is contained in:
m
2026-03-25 18:34:11 +01:00
parent e635efa71e
commit 50bfa3deb4
14 changed files with 42 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/(app)/cases/[id]/page.tsx
View File

@@ -132,8 +132,8 @@ export default function CaseDetailPage() {
);
}
const deadlines = deadlinesData?.deadlines ?? [];
const documents = documentsData ?? [];
const deadlines = Array.isArray(deadlinesData?.deadlines) ? deadlinesData.deadlines : [];
const documents = Array.isArray(documentsData) ? documentsData : [];
return (
<div className="animate-fade-in">
@@ -205,7 +205,7 @@ export default function CaseDetailPage() {
{caseDetail.deadlines_count}
</span>
)}
{tab.key === "parties" && caseDetail.parties.length > 0 && (
{tab.key === "parties" && Array.isArray(caseDetail.parties) && caseDetail.parties.length > 0 && (
<span className="ml-1 rounded-full bg-neutral-100 px-1.5 py-0.5 text-xs text-neutral-500">
{caseDetail.parties.length}
</span>
@@ -217,7 +217,7 @@ export default function CaseDetailPage() {
<div className="mt-6">
{activeTab === "timeline" && (
<CaseTimeline events={caseDetail.recent_events ?? []} />
<CaseTimeline events={Array.isArray(caseDetail.recent_events) ? caseDetail.recent_events : []} />
)}
{activeTab === "deadlines" && (
@@ -229,7 +229,7 @@ export default function CaseDetailPage() {
)}
{activeTab === "parties" && (
<PartyList caseId={id} parties={caseDetail.parties ?? []} />
<PartyList caseId={id} parties={Array.isArray(caseDetail.parties) ? caseDetail.parties : []} />
)}
</div>
</div>

2
frontend/src/app/(app)/cases/page.tsx
View File

@@ -68,7 +68,7 @@ export default function CasesPage() {
},
});
const cases = data?.cases ?? [];
const cases = Array.isArray(data?.cases) ? data.cases : [];
return (
<div className="animate-fade-in">