Skip to content

Add row reordering to the i15-1 queue table (reusable) - #236

Open
zoharma wants to merge 1 commit into
mainfrom
zma/queue-row-reorder-sci-react-ui-344
Open

zoharma wants to merge 1 commit into
mainfrom
zma/queue-row-reorder-sci-react-ui-344

Conversation

@zoharma

@zoharma zoharma commented Oct 16, 2026 •

Copy link
Copy Markdown
Collaborator

Based on sci-react-ui PR #344. Adds a Reorder queue mode to the queue table,
built as a reusable useRowReorder hook.

  • A Reorder queue button in the toolbar turns on drag handles and a row menu (Move to top / up / down / bottom). It's off by default, and the button reads Exit ordering while on.
  • Only Queued tasks can move. Other rows have no handle and refuse drops.
  • Moves use the existing moveTask mutation.

Changes from #344

  • The Move menu is in rowMoveMenuItems and supports isMovable.
  • Rows are looked up by id on drop, so the right task moves if the queue changes mid-drag. Tables need a stable getRowId; QueueView uses the task id.
  • Some UX details

Notes

  • ⚠️ Mock mode has no handler for move, so couldn't test actual reorder.
  • Playlist reordering isn't included.
  • Staging for a sci-react-ui update. Once released, the rowReorder folder is
    replaced by the sci-react-ui import.
Screen.Recording.2026-10-16.at.15.51.30-1.mov

@zoharma
zoharma requested a review from DominicOram October 16, 2026 15:04
Based on sci-react-ui PR #344. Adds a useRowReorder hook (Reorder queue
toggle, drag handles, Move to top/up/down/bottom menu) and uses it in the
queue table.
@zoharma
zoharma force-pushed the zma/queue-row-reorder-sci-react-ui-344 branch from 157d278 to 28f20db Compare October 16, 2026 15:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant