Empty-state "Recent designs" cards are decorative stubs (no data, no load) #66

New issue

Closed

opened 2026-09-14 03:09:24 +00:00 by Mark · 1 comment

Mark commented

2026-09-14 03:09:24 +00:00

Owner

Where: src/components/workspace/CanvasArea.tsx:296-331

Bug:

Three decorative thumbnails render under the upload card on the empty workspace.
Each card's onClick dispatches SET_STATE: 'digitized' with no uploadedImage, no stitchObjects, no colorRegions. The state machine flips to digitized but the canvas is empty and the user sees no design.
No data-testid; no load from components/gallery/data.ts:loadDesigns() even though that loader exists and returns real localStorage designs.

Expected:

Either render the user's actual 3 most-recent saved designs (via loadDesigns().slice(0,3)) with real thumbnails from Design.thumbnailColors,
or remove the row entirely until Gallery-backed "Recent" is wired.

Repro:

Open /workspace with no upload.
Click any of the three thumbnail cards under the upload zone.
State flips to digitized (visible in dev tools) but the canvas stays blank and the toolbar enables select/delete against nothing.

Suggested fix:

Pull loadDesigns() and render up to 3 cards.
On click, hydrate workspace state from the chosen Design (need a new action + a saved thumbnail or a placeholder).
If hydration isn't ready, hide the row or render it as disabled.

**Where:** `src/components/workspace/CanvasArea.tsx:296-331` **Bug:** - Three decorative thumbnails render under the upload card on the empty workspace. - Each card's onClick dispatches `SET_STATE: 'digitized'` with no `uploadedImage`, no `stitchObjects`, no `colorRegions`. The state machine flips to `digitized` but the canvas is empty and the user sees no design. - No `data-testid`; no load from `components/gallery/data.ts:loadDesigns()` even though that loader exists and returns real localStorage designs. **Expected:** - Either render the user's actual 3 most-recent saved designs (via `loadDesigns().slice(0,3)`) with real thumbnails from `Design.thumbnailColors`, - or remove the row entirely until Gallery-backed "Recent" is wired. **Repro:** 1. Open `/workspace` with no upload. 2. Click any of the three thumbnail cards under the upload zone. 3. State flips to `digitized` (visible in dev tools) but the canvas stays blank and the toolbar enables select/delete against nothing. **Suggested fix:** - Pull `loadDesigns()` and render up to 3 cards. - On click, hydrate workspace state from the chosen `Design` (need a new action + a saved thumbnail or a placeholder). - If hydration isn't ready, hide the row or render it as disabled.

Mark added the

bug

needs-triage

in-progress

labels

2026-09-14 03:09:24 +00:00

Mark referenced this issue from a commit

2026-09-14 03:23:04 +00:00

fix(#66): wire empty-state Recent designs row to loadDesigns() with disabled-click fallback

Mark removed the

in-progress

label

2026-09-14 03:41:23 +00:00

Mark added

triage-approved

and removed

needs-triage

labels

2026-09-15 15:36:53 +00:00

Mark commented

2026-09-18 13:23:35 +00:00

Author

Owner

Closed retroactively after fix landed on main in e1b883ae44.

Commit message: fix(#66): wire empty-state Recent designs row to loadDesigns() with disabled-cli

Card closure was correct; close step was bypassed (likely push-failed-recovery retry path).

Closed retroactively after fix landed on main in `e1b883ae44`. Commit message: `fix(#66): wire empty-state Recent designs row to loadDesigns() with disabled-cli` Card closure was correct; close step was bypassed (likely push-failed-recovery retry path).

Mark closed this issue

2026-09-18 13:23:36 +00:00

Mark referenced this issue

2026-10-04 03:50:22 +00:00

Workspace's recent designs section (per #66) shows 3 most-recent designs but no way to load more — user wanting to see their last 10 or 20 designs has to go to the Gallery #313

Mark referenced this issue from a commit

2026-10-04 05:20:41 +00:00

fix(#226): right-panel empty-state hint mirrors editor (#225) pattern