DEV: Convert to native class syntax (#357)

discourse · Nov 29, 2024 · 349b2a3 · 349b2a3
1 parent 1f9dd2c
commit 349b2a3
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 35 deletions.
diff --git a/assets/javascripts/discourse/components/encrypt-enable-dropdown.js b/assets/javascripts/discourse/components/encrypt-enable-dropdown.js
@@ -1,16 +1,17 @@
 import { computed } from "@ember/object";
+import { classNames } from "@ember-decorators/component";
 import I18n from "I18n";
 import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
+import { selectKitOptions } from "select-kit/components/select-kit";
 
-export default DropdownSelectBoxComponent.extend({
-  classNames: ["encrypt-enable-dropdown"],
-
-  selectKitOptions: {
-    icon: "bars",
-    showFullTitle: false,
-  },
-
-  content: computed("importIdentity", "isEncryptEnabled", function () {
+@selectKitOptions({
+  icon: "bars",
+  showFullTitle: false,
+})
+@classNames("encrypt-enable-dropdown")
+export default class EncryptEnableDropdown extends DropdownSelectBoxComponent {
+  @computed("importIdentity", "isEncryptEnabled")
+  get content() {
     const content = [];
 
     content.push({
@@ -32,5 +33,5 @@ export default DropdownSelectBoxComponent.extend({
     }
 
     return content;
-  }),
-});
+  }
+}
diff --git a/assets/javascripts/discourse/components/encrypt-preferences-dropdown.js b/assets/javascripts/discourse/components/encrypt-preferences-dropdown.js
@@ -1,15 +1,15 @@
+import { classNames } from "@ember-decorators/component";
 import I18n from "I18n";
 import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
+import { selectKitOptions } from "select-kit/components/select-kit";
 
-export default DropdownSelectBoxComponent.extend({
-  classNames: ["encrypt-preferences-dropdown"],
-
-  selectKitOptions: {
-    icon: "wrench",
-    showFullTitle: false,
-  },
-
-  content: [
+@selectKitOptions({
+  icon: "wrench",
+  showFullTitle: false,
+})
+@classNames("encrypt-preferences-dropdown")
+export default class EncryptPreferencesDropdown extends DropdownSelectBoxComponent {
+  content = [
     {
       id: "export",
       icon: "file-export",
@@ -35,5 +35,5 @@ export default DropdownSelectBoxComponent.extend({
       icon: "trash-alt",
       name: I18n.t("encrypt.reset.title"),
     },
-  ],
-});
+  ];
+}
diff --git a/assets/javascripts/discourse/components/encrypted-post-timer-dropdown.js b/assets/javascripts/discourse/components/encrypted-post-timer-dropdown.js
@@ -1,7 +1,9 @@
 import { computed } from "@ember/object";
 import { empty } from "@ember/object/computed";
+import { classNameBindings, classNames } from "@ember-decorators/component";
 import I18n from "I18n";
 import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
+import { selectKitOptions } from "select-kit/components/select-kit";
 
 const TIMER_OPTIONS = [
   { id: "", name: I18n.t("encrypt.time_bomb.never") },
@@ -14,16 +16,17 @@ const TIMER_OPTIONS = [
   { id: "10080", name: I18n.t("encrypt.time_bomb.7_days") },
 ];
 
-export default DropdownSelectBoxComponent.extend({
-  classNames: ["encrypted-post-timer-dropdown"],
-  classNameBindings: ["hidden:hidden"],
+@selectKitOptions({
+  icon: "discourse-trash-clock",
+  showFullTitle: true,
+})
+@classNames("encrypted-post-timer-dropdown")
+@classNameBindings("hidden:hidden")
+export default class EncryptedPostTimerDropdown extends DropdownSelectBoxComponent {
+  @empty("content") hidden;
 
-  selectKitOptions: {
-    icon: "discourse-trash-clock",
-    showFullTitle: true,
-  },
-
-  content: computed("topicDeleteAt", function () {
+  @computed("topicDeleteAt")
+  get content() {
     if (this.topicDeleteAt) {
       return TIMER_OPTIONS.filter((option) => {
         return (
@@ -34,7 +37,5 @@ export default DropdownSelectBoxComponent.extend({
     } else {
       return TIMER_OPTIONS;
     }
-  }),
-
-  hidden: empty("content"),
-});
+  }
+}