call stylePresetSelected

Author: chainchompa

invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/index.ts

@@ -53,6 +53,7 @@ import type { AppDispatch, RootState } from 'app/store/store';
 
 import { addArchivedOrDeletedBoardListener } from './listeners/addArchivedOrDeletedBoardListener';
 import { addEnqueueRequestedUpscale } from './listeners/enqueueRequestedUpscale';
+import { addStylePresetSelectedListener } from './listeners/stylePresetSelected';
 
 export const listenerMiddleware = createListenerMiddleware();
 
@@ -123,6 +124,9 @@ addImageRemovedFromBoardFulfilledListener(startAppListening);
 addBoardIdSelectedListener(startAppListening);
 addArchivedOrDeletedBoardListener(startAppListening);
 
+// Style Presets
+addStylePresetSelectedListener(startAppListening);
+
 // Node schemas
 addGetOpenAPISchemaListener(startAppListening);
 

invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/stylePresetSelected.ts

@@ -0,0 +1,15 @@
+import type { AppStartListening } from 'app/store/middleware/listenerMiddleware';
+import { activeStylePresetIdChanged } from 'features/stylePresets/store/stylePresetSlice';
+import { stylePresetsApi } from 'services/api/endpoints/stylePresets';
+
+export const addStylePresetSelectedListener = (startAppListening: AppStartListening) => {
+  startAppListening({
+    actionCreator: activeStylePresetIdChanged,
+    effect: async (action, { dispatch }) => {
+      if (!action.payload) {
+        return;
+      }
+      dispatch(stylePresetsApi.endpoints.selectStylePreset.initiate(action.payload));
+    },
+  });
+};

invokeai/frontend/web/src/services/api/endpoints/stylePresets.ts

@@ -18,15 +18,11 @@ const buildStylePresetsUrl = (path: string = '') => buildV1Url(`style_presets/${
 
 export const stylePresetsApi = api.injectEndpoints({
   endpoints: (build) => ({
-    getStylePreset: build.query<
-      paths['/api/v1/style_presets/i/{style_preset_id}']['get']['responses']['200']['content']['application/json'],
-      string
-    >({
-      query: (style_preset_id) => buildStylePresetsUrl(`i/${style_preset_id}`),
-      providesTags: (result, error, style_preset_id) => [
-        { type: 'StylePreset', id: style_preset_id },
-        'FetchOnReconnect',
-      ],
+    selectStylePreset: build.mutation<void, string>({
+      query: (style_preset_id) => ({
+        url: buildStylePresetsUrl(`i/${style_preset_id}`),
+        method: 'POST',
+      }),
     }),
     deleteStylePreset: build.mutation<void, string>({
       query: (style_preset_id) => ({