DEV: Use the native modifyClass API (#61)

discourse · Jan 21, 2025 · b294ace · b294ace
1 parent cbc39e4
commit b294ace
Showing 1 changed file with 22 additions and 17 deletions.
diff --git a/javascripts/discourse/initializers/gif-integration.js b/javascripts/discourse/initializers/gif-integration.js
@@ -1,4 +1,5 @@
 import { action } from "@ember/object";
+import { service } from "@ember/service";
 import { withPluginApi } from "discourse/lib/plugin-api";
 import GifModal from "../components/modal/gif";
 
@@ -34,24 +35,28 @@ export default {
           position: "dropdown",
         });
 
-        api.modifyClass("component:chat-composer", {
-          pluginId: "discourse-gifs",
+        api.modifyClass(
+          "component:chat-composer",
+          (Superclass) =>
+            class extends Superclass {
+              @service modal;
 
-          @action
-          showChatGifModal(context) {
-            this.modal.show(GifModal, {
-              model: {
-                customPickHandler: (message) => {
-                  api.sendChatMessage(this.draft.channel.id, {
-                    message,
-                    threadId:
-                      context === "thread" ? this.draft.thread.id : null,
-                  });
-                },
-              },
-            });
-          },
-        });
+              @action
+              showChatGifModal(context) {
+                this.modal.show(GifModal, {
+                  model: {
+                    customPickHandler: (message) => {
+                      api.sendChatMessage(this.draft.channel.id, {
+                        message,
+                        threadId:
+                          context === "thread" ? this.draft.thread.id : null,
+                      });
+                    },
+                  },
+                });
+              }
+            }
+        );
       }
     });