[enhancement]: Attach "Queue handling" button to the left collapsed side pane. · invoke-ai/InvokeAI#5606

(1 comment) (0 reactions) (0 assignees)TypeScript (20,358 stars) (2,164 forks)batch import

enhancementgood first issueweb ui

説明

Is there an existing issue for this?

I have searched the existing issues

Contact Details

No response

What should this feature add?

I'd like the "Queue handling" button (1st. picture) attached to the collapsed left side pane, instead of the currently present second (lower) "Cancel Current Item" button (2nd picture). The button could be a simple copy of the button already existing in the left side pane, including all its functionality and the queue items count label. That would be really convenient with my workflow.

Queue handling button Screenshot

Alternatives

The currently available solution ([Shift]+[Left Mouseclick] on the lower button of the collapsed left side pane, to Cancel and clear all queued items, sure is already a good solution, but I think my solution is easier to implement (since it could be a simple copy of the button already existing in the left side panel) and more convenient at the same time.

Additional Content

No response

コントリビューターガイド

技術スタック: typescriptreact
領域: frontend
Issue 種別: feature
難度: 2
推定時間: under 1 hour
活動状況: fresh
明確さ: clear
前提条件: Reactbasic UI developmentInvokeAI codebase navigation
初心者向け度: 80
調査方針: Identify the components for the collapsed left side pane and the existing 'Queue handling' button. The button likely has its own component with functionality and queue count label. Replicate that component in the left side pane, replacing the lower 'Cancel Current Item' button. Refer to the UI component files under the frontend directory, such as `src/features/queue/` or similar. The maintainer may have further guidance on placement and styling.