DEV: Convert connector to a Glimmer component

Author: jumagura

assets/javascripts/discourse/components/custom-wizard-category-settings.hbs

@@ -0,0 +1,15 @@
+<h3>{{i18n "admin.wizard.category_settings.custom_wizard.title"}}</h3>
+
+<section class="field new-topic-wizard">
+  <label for="new-topic-wizard">
+    {{i18n "admin.wizard.category_settings.custom_wizard.create_topic_wizard"}}
+  </label>
+  <div class="controls">
+    <ComboBox
+      @value={{this.wizardListVal}}
+      @content={{this.wizardList}}
+      @onChange={{this.changeWizard}}
+      @options={{hash none="admin.wizard.select"}}
+    />
+  </div>
+</section>

assets/javascripts/discourse/components/custom-wizard-category-settings.js

@@ -0,0 +1,27 @@
+import Component from "@glimmer/component";
+import { action } from "@ember/object";
+import { tracked } from "@glimmer/tracking";
+import CustomWizardAdmin from "../models/custom-wizard-admin";
+import { popupAjaxError } from "discourse/lib/ajax-error";
+
+export default class CustomWizardCategorySettings extends Component {
+  @tracked wizardList = [];
+  @tracked wizardListVal =
+    this.args?.category?.custom_fields?.create_topic_wizard;
+
+  constructor() {
+    super(...arguments);
+
+    CustomWizardAdmin.all()
+      .then((result) => {
+        this.wizardList = result;
+      })
+      .catch(popupAjaxError);
+  }
+
+  @action
+  changeWizard(wizard) {
+    this.wizardListVal = wizard;
+    this.args.category.custom_fields.create_topic_wizard = wizard;
+  }
+}

assets/javascripts/discourse/connectors/category-custom-settings/custom-wizard-category-settings.hbs

@@ -1,15 +1 @@
-<h3>{{i18n "admin.wizard.category_settings.custom_wizard.title"}}</h3>
-
-<section class="field new-topic-wizard">
-  <label for="new-topic-wizard">
-    {{i18n "admin.wizard.category_settings.custom_wizard.create_topic_wizard"}}
-  </label>
-  <div class="controls">
-    {{combo-box
-      value=this.wizardListVal
-      content=this.wizardList
-      onChange=(action "changeWizard")
-      options=(hash none="admin.wizard.select")
-    }}
-  </div>
-</section>
+<CustomWizardCategorySettings @category={{this.category}} />