discourse/app/assets/javascripts/select-kit/addon/components/notifications-button.js
Godfrey Chan c34f8b65cb
DEV: Rename I18n imports to discourse-i18n (#23915)
As of #23867 this is now a real package, so updating the imports to
use the real package name, rather than relying on the alias. The
name change in the package name is because `I18n` is not a valid
name as NPM packages must be all lowercase.

This commit also introduces an eslint rule to prevent importing from
the old I18n path.

For themes/plugins, the old 'i18n' name remains functional.
2023-10-18 11:07:09 +01:00

41 lines
1.1 KiB
JavaScript

import { computed, setProperties } from "@ember/object";
import { allLevels, buttonDetails } from "discourse/lib/notification-levels";
import I18n from "discourse-i18n";
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
export default DropdownSelectBoxComponent.extend({
pluginApiIdentifiers: ["notifications-button"],
classNames: ["notifications-button"],
content: allLevels,
nameProperty: "key",
selectKitOptions: {
autoFilterable: false,
filterable: false,
i18nPrefix: "",
i18nPostfix: "",
},
modifyComponentForRow() {
return "notifications-button/notifications-button-row";
},
modifySelection(content) {
content = content || {};
const { i18nPrefix, i18nPostfix } = this.selectKit.options;
const title = I18n.t(
`${i18nPrefix}.${this.buttonForValue.key}${i18nPostfix}.title`
);
setProperties(content, {
title,
label: title,
icon: this.buttonForValue.icon,
});
return content;
},
buttonForValue: computed("value", function () {
return buttonDetails(this.value);
}),
});