mporwoll/dak.c2s
1
0
Fork 0
mirror of https://github.com/complexcaresolutions/dak.c2s.git synced 2026-03-17 17:13:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: use sentinel value for empty Radix Select option to prevent crash

Browse source 
Radix UI Select.Item does not allow empty string values. The Anrede
dropdown used value="" for the empty option, causing the entire React
app to crash when entering edit mode. Use '__none__' sentinel value
instead and convert to null on selection.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
CCS Admin 2026-02-24 12:59:32 +00:00
parent 19db4c5def
commit 7e9373a6d0
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/pages/cases/EditableField.tsx
View file

@ -33,7 +33,8 @@ function formatDisplayValue(field: FieldConfig, value: unknown): string {
if (field.type === 'date') return formatDisplayDate(value as string | null)
if (field.type === 'boolean') return formatDisplayBoolean(value)
if (field.type === 'select' && field.options) {
const opt = field.options.find((o) => o.value === (value ?? ''))
const matchVal = value || '__none__'
const opt = field.options.find((o) => o.value === matchVal)
return opt?.label || (value as string) || '–'
}
return (value as string) || '–'
@ -93,8 +94,8 @@ export function EditableField({ field, value, editable, onChange }: EditableFiel
)}
{field.type === 'select' && field.options && (
<Select
value={(value as string) ?? ''}
onValueChange={(v) => handleChange(v || null)}
value={(value as string) || '__none__'}
onValueChange={(v) => handleChange(v === '__none__' ? null : v)}
>
<SelectTrigger className="h-8 text-sm">
<SelectValue placeholder="Auswählen..." />

2
frontend/src/pages/cases/fieldConfig.ts
View file

@ -18,7 +18,7 @@ export interface SectionConfig {
}
const ANREDE_OPTIONS = [
{ value: '', label: '–' },
{ value: '__none__', label: '–' },
{ value: 'Herr', label: 'Herr' },
{ value: 'Frau', label: 'Frau' },
{ value: 'Divers', label: 'Divers' },