diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts index 8363c0ff66..70540b13c5 100644 --- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts +++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts @@ -67,7 +67,7 @@ export const addStagingListeners = (startAppListening: AppStartListening) => { objects: [imageObject], }; - api.dispatch(rasterLayerAdded({ overrides })); + api.dispatch(rasterLayerAdded({ overrides, isSelected: true })); api.dispatch(sessionStagingAreaReset()); }, }); diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ResetAllEntitiesButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ResetAllEntitiesButton.tsx deleted file mode 100644 index 6851f7c5ab..0000000000 --- a/invokeai/frontend/web/src/features/controlLayers/components/ResetAllEntitiesButton.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Button } from '@invoke-ai/ui-library'; -import { useAppDispatch } from 'app/store/storeHooks'; -import { allEntitiesDeleted } from 'features/controlLayers/store/canvasV2Slice'; -import { memo, useCallback } from 'react'; -import { useTranslation } from 'react-i18next'; -import { PiTrashSimpleBold } from 'react-icons/pi'; - -export const ResetAllEntitiesButton = memo(() => { - const { t } = useTranslation(); - const dispatch = useAppDispatch(); - const onClick = useCallback(() => { - dispatch(allEntitiesDeleted()); - }, [dispatch]); - - return ( - - ); -}); - -ResetAllEntitiesButton.displayName = 'ResetAllEntitiesButton'; diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbar.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbar.tsx index c0cac8214f..2893e66711 100644 --- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbar.tsx +++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbar.tsx @@ -23,6 +23,7 @@ import { PiTrashSimpleBold, PiXBold, } from 'react-icons/pi'; +import { useChangeImageIsIntermediateMutation } from 'services/api/endpoints/images'; export const StagingAreaToolbar = memo(() => { const dispatch = useAppDispatch(); @@ -33,7 +34,7 @@ export const StagingAreaToolbar = memo(() => { return images[session.selectedStagedImageIndex] ?? null; }, [images, session.selectedStagedImageIndex]); const isCanvasActive = useStore(INTERACTION_SCOPES.canvas.$isActive); - // const [changeIsImageIntermediate] = useChangeImageIsIntermediateMutation(); + const [changeIsImageIntermediate] = useChangeImageIsIntermediateMutation(); const { t } = useTranslation(); @@ -71,18 +72,12 @@ export const StagingAreaToolbar = memo(() => { $shouldShowStagedImage.set(!shouldShowStagedImage); }, [shouldShowStagedImage]); - const onSaveStagingImage = useCallback( - () => { - // if (!imageDTO) { - // return; - // } - // changeIsImageIntermediate({ imageDTO, is_intermediate: false }); - }, - [ - // changeIsImageIntermediate, - // imageDTO - ] - ); + const onSaveStagingImage = useCallback(() => { + if (!selectedImage) { + return; + } + changeIsImageIntermediate({ imageDTO: selectedImage.imageDTO, is_intermediate: false }); + }, [changeIsImageIntermediate, selectedImage]); useHotkeys( ['left'], diff --git a/invokeai/frontend/web/src/services/api/endpoints/images.ts b/invokeai/frontend/web/src/services/api/endpoints/images.ts index 5dfc400fa0..a94ca912b7 100644 --- a/invokeai/frontend/web/src/services/api/endpoints/images.ts +++ b/invokeai/frontend/web/src/services/api/endpoints/images.ts @@ -162,7 +162,7 @@ export const imagesApi = api.injectEndpoints({ }), invalidatesTags: (result, error, { imageDTO }) => { const categories = getCategories(imageDTO); - const boardId = imageDTO.board_id ?? undefined; + const boardId = imageDTO.board_id ?? 'none'; return [ { type: 'Image', id: imageDTO.image_name }, @@ -557,8 +557,6 @@ export const { useClearIntermediatesMutation, useAddImagesToBoardMutation, useRemoveImagesFromBoardMutation, - useAddImageToBoardMutation, - useRemoveImageFromBoardMutation, useChangeImageIsIntermediateMutation, useDeleteBoardAndImagesMutation, useDeleteBoardMutation,