docs: add import destination inline design

2026-04-03 20:57:41 +05:30
parent 440b50340f
commit f11788de0a
1 changed files with 40 additions and 0 deletions
@@ -0,0 +1,40 @@
+# Import Destination Inline Design
+
+**Date:** 2026-04-03
+
+## Goal
+
+Show album destination selection inline on the import-shared screen rather than inside a dialog, so users can set their target album before browsing and importing.
+
+## Design
+
+A "Destination" card is inserted between the album details card and the gallery card. It is only rendered when `sharedData` is loaded. The import dialog is removed entirely.
+
+### Layout
+
+```
+[Album Details Card]
+[Destination Card]   ← new
+  Destination: [Create new album] [Existing Album] [No Album]
+  Album name: [____________]    ← shown when "Create new album" selected
+  Select album: [dropdown  ]    ← shown when "Existing Album" selected
+  Progress: X / Y processed · Z failed  ← shown while importing
+[Gallery Card]
+```
+
+### Behaviour changes
+
+- The "Import all" / "Import selected (N)" header button calls `handleImportAll` directly without opening a dialog
+- `importAllDialogOpen` state and the Dialog component are removed
+- Album options are read from existing state: `albumImportMode`, `albumNameInput`, `selectedAlbumId`
+- `existingAlbums` is fetched when `sharedData` loads (moved from `importAllDialogOpen` effect)
+- Progress counter moves into the Destination card while importing
+- Upload banner stays in the gallery card
+
+### No backend changes
+
+The `albumOptions` shape passed to `createImportJob` is unchanged.
+
+## Files changed
+
+- `src/pages/assets/import-shared.tsx` — only file touched