mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
fix(ui): fix board's image list not updating when image removed from board
This commit is contained in:
parent
a00ad6ac03
commit
37d4e05838
@ -78,6 +78,10 @@ import {
|
|||||||
addImageAddedToBoardRejectedListener,
|
addImageAddedToBoardRejectedListener,
|
||||||
} from './listeners/imageAddedToBoard';
|
} from './listeners/imageAddedToBoard';
|
||||||
import { addBoardIdSelectedListener } from './listeners/boardIdSelected';
|
import { addBoardIdSelectedListener } from './listeners/boardIdSelected';
|
||||||
|
import {
|
||||||
|
addImageRemovedFromBoardFulfilledListener,
|
||||||
|
addImageRemovedFromBoardRejectedListener,
|
||||||
|
} from './listeners/imageRemovedFromBoard';
|
||||||
|
|
||||||
export const listenerMiddleware = createListenerMiddleware();
|
export const listenerMiddleware = createListenerMiddleware();
|
||||||
|
|
||||||
@ -97,6 +101,12 @@ export type AppListenerEffect = ListenerEffect<
|
|||||||
AppDispatch
|
AppDispatch
|
||||||
>;
|
>;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The RTK listener middleware is a lightweight alternative sagas/observables.
|
||||||
|
*
|
||||||
|
* Most side effect logic should live in a listener.
|
||||||
|
*/
|
||||||
|
|
||||||
// Image uploaded
|
// Image uploaded
|
||||||
addImageUploadedFulfilledListener();
|
addImageUploadedFulfilledListener();
|
||||||
addImageUploadedRejectedListener();
|
addImageUploadedRejectedListener();
|
||||||
@ -192,4 +202,6 @@ addUpdateImageUrlsOnConnectListener();
|
|||||||
// Boards
|
// Boards
|
||||||
addImageAddedToBoardFulfilledListener();
|
addImageAddedToBoardFulfilledListener();
|
||||||
addImageAddedToBoardRejectedListener();
|
addImageAddedToBoardRejectedListener();
|
||||||
|
addImageRemovedFromBoardFulfilledListener();
|
||||||
|
addImageRemovedFromBoardRejectedListener();
|
||||||
addBoardIdSelectedListener();
|
addBoardIdSelectedListener();
|
||||||
|
@ -0,0 +1,40 @@
|
|||||||
|
import { log } from 'app/logging/useLogger';
|
||||||
|
import { startAppListening } from '..';
|
||||||
|
import { imageMetadataReceived } from 'services/thunks/image';
|
||||||
|
import { api } from 'services/apiSlice';
|
||||||
|
|
||||||
|
const moduleLog = log.child({ namespace: 'boards' });
|
||||||
|
|
||||||
|
export const addImageRemovedFromBoardFulfilledListener = () => {
|
||||||
|
startAppListening({
|
||||||
|
matcher: api.endpoints.removeImageFromBoard.matchFulfilled,
|
||||||
|
effect: (action, { getState, dispatch }) => {
|
||||||
|
const { board_id, image_name } = action.meta.arg.originalArgs;
|
||||||
|
|
||||||
|
moduleLog.debug(
|
||||||
|
{ data: { board_id, image_name } },
|
||||||
|
'Image added to board'
|
||||||
|
);
|
||||||
|
|
||||||
|
dispatch(
|
||||||
|
imageMetadataReceived({
|
||||||
|
imageName: image_name,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
export const addImageRemovedFromBoardRejectedListener = () => {
|
||||||
|
startAppListening({
|
||||||
|
matcher: api.endpoints.removeImageFromBoard.matchRejected,
|
||||||
|
effect: (action, { getState, dispatch }) => {
|
||||||
|
const { board_id, image_name } = action.meta.arg.originalArgs;
|
||||||
|
|
||||||
|
moduleLog.debug(
|
||||||
|
{ data: { board_id, image_name } },
|
||||||
|
'Problem adding image to board'
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
Loading…
x
Reference in New Issue
Block a user