Leopoldadmin/web-cad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: CanvasPreview crash - transform DBElement properties_json to CADElement properties

Browse Source 
Backend returns DBElement with properties_json (string), not properties (object).
CanvasPreview accessed el.properties.stroke directly → undefined → React crash → white screen.
Fix: transform raw API response to CADElement format with JSON.parse(properties_json).
This commit is contained in:
Leopoldadmin
2026-07-04 19:33:22 +02:00
parent 6c04ca6793
commit 67c678121f
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Dashboard.tsx
+13 -2
View File
@@ -33,8 +33,19 @@ function CanvasPreview({ project, token }: { project: Project; token: string })
try {
const drawings = await getDrawings(token, project.id);
if (drawings.length === 0) { if (!cancelled) setElements([]); return; }
const els = await getElements(token, drawings[0].id);
if (!cancelled) setElements(els);
const rawEls = await getElements(token, drawings[0].id);
// API may return DBElement with properties_json (string) instead of properties (object)
const transformed: CADElement[] = rawEls.map((el: any) => ({
id: el.id,
type: el.type,
layerId: el.layer_id ?? el.layerId ?? '',
x: el.x ?? 0,
y: el.y ?? 0,
width: el.width ?? 0,
height: el.height ?? 0,
properties: typeof el.properties_json === 'string' ? JSON.parse(el.properties_json || '{}') : (el.properties ?? {}),
}));
if (!cancelled) setElements(transformed);
} catch {
if (!cancelled) setElements([]);
} finally {