From fc39086fb4b3c9752b92be979de2cd95fbedd74c Mon Sep 17 00:00:00 2001
From: chainchompa <chainchompa@gmail.com>
Date: Tue, 27 Aug 2024 15:34:31 -0400
Subject: [PATCH] call stylePresetSelected

---
 .../store/middleware/listenerMiddleware/index.ts  |  4 ++++
 .../listeners/stylePresetSelected.ts              | 15 +++++++++++++++
 .../src/services/api/endpoints/stylePresets.ts    | 14 +++++---------
 3 files changed, 24 insertions(+), 9 deletions(-)
 create mode 100644 invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/stylePresetSelected.ts

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/index.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/index.ts
index a1ce52b407..3c1285221c 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/index.ts
+++ b/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);
 
diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/stylePresetSelected.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/stylePresetSelected.ts
new file mode 100644
index 0000000000..fd8c9aae52
--- /dev/null
+++ b/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));
+    },
+  });
+};
diff --git a/invokeai/frontend/web/src/services/api/endpoints/stylePresets.ts b/invokeai/frontend/web/src/services/api/endpoints/stylePresets.ts
index 44023b59d1..80f1971be8 100644
--- a/invokeai/frontend/web/src/services/api/endpoints/stylePresets.ts
+++ b/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) => ({