diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemPreviewMini.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemPreviewMini.tsx index 420abee061..5fb525638e 100644 --- a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemPreviewMini.tsx +++ b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemPreviewMini.tsx @@ -11,6 +11,7 @@ import { QueueItemProgressImage } from 'features/controlLayers/components/Simple import { QueueItemStatusLabel } from 'features/controlLayers/components/SimpleSession/QueueItemStatusLabel'; import { getQueueItemElementId } from 'features/controlLayers/components/SimpleSession/shared'; import { DndImage } from 'features/dnd/DndImage'; +import { toast } from 'features/toast/toast'; import { memo, useCallback } from 'react'; import type { S } from 'services/api/types'; @@ -46,12 +47,28 @@ export const QueueItemPreviewMini = memo(({ item, isSelected, number }: Props) = ctx.$selectedItemId.set(item.item_id); }, [ctx.$selectedItemId, item.item_id]); + const onDoubleClick = useCallback(() => { + const autoSwitch = ctx.$autoSwitch.get(); + if (autoSwitch !== 'off') { + ctx.$autoSwitch.set('off'); + toast({ + title: 'Auto-Switch Disabled', + }); + } + }, [ctx.$autoSwitch]); + const onLoad = useCallback(() => { ctx.onImageLoad(item.item_id); }, [ctx, item.item_id]); return ( - + {imageDTO && } {!imageLoaded && } diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarMenuAutoSwitch.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarMenuAutoSwitch.tsx index bf6aa0ae51..1e23208c74 100644 --- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarMenuAutoSwitch.tsx +++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarMenuAutoSwitch.tsx @@ -17,7 +17,7 @@ export const StagingAreaToolbarMenuAutoSwitch = memo(() => { ); return ( - + Off