DEV: Update modal to component API

assets/javascripts/discourse/components/modal/query-help.gjs

@@ -0,0 +1,17 @@
+import DModal from "discourse/components/d-modal";
+import htmlSafe from "discourse-common/helpers/html-safe";
+import i18n from "discourse-common/helpers/i18n";
+
+<template>
+  <DModal
+    @title={{i18n "explorer.help.modal_title"}}
+    @closeModal={{@closeModal}}
+  >
+    <:body>
+      {{htmlSafe (i18n "explorer.help.auto_resolution")}}
+      {{htmlSafe (i18n "explorer.help.custom_params")}}
+      {{htmlSafe (i18n "explorer.help.default_values")}}
+      {{htmlSafe (i18n "explorer.help.data_types")}}
+    </:body>
+  </DModal>
+</template>

assets/javascripts/discourse/controllers/admin-plugins-explorer.js

@@ -5,15 +5,15 @@ import { inject as service } from "@ember/service";
 import { Promise } from "rsvp";
 import { ajax } from "discourse/lib/ajax";
 import { popupAjaxError } from "discourse/lib/ajax-error";
-import showModal from "discourse/lib/show-modal";
 import { bind } from "discourse-common/utils/decorators";
 import I18n from "I18n";
+import QueryHelp from "discourse/plugins/discourse-data-explorer/discourse/components/modal/query-help";
 import Query from "discourse/plugins/discourse-data-explorer/discourse/models/query";
 
 const NoQuery = Query.create({ name: "No queries", fake: true, group_ids: [] });
 
 export default class PluginsExplorerController extends Controller {
-  @service("router") router;
+  @service modal;
   @service dialog;
   @service appEvents;
   @service router;
@@ -271,7 +271,7 @@ export default class PluginsExplorerController extends Controller {
 
   @action
   showHelpModal() {
-    showModal("query-help");
+    this.modal.show(QueryHelp);
   }
 
   @action

assets/javascripts/discourse/routes/group-reports-index.js

@@ -1,6 +1,6 @@
+import { inject as service } from "@ember/service";
 import { ajax } from "discourse/lib/ajax";
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class GroupReportsIndexRoute extends DiscourseRoute {
   @service router;

assets/javascripts/discourse/routes/group-reports-show.js

@@ -1,6 +1,6 @@
+import { inject as service } from "@ember/service";
 import { ajax } from "discourse/lib/ajax";
 import DiscourseRoute from "discourse/routes/discourse";
-import { inject as service } from "@ember/service";
 
 export default class GroupReportsShowRoute extends DiscourseRoute {
   @service router;