import { iconHTML } from "discourse-common/lib/icon-library";
import { bufferedRender } from "discourse-common/lib/buffered-render";

export default Ember.Component.extend(
  bufferedRender({
    classNames: ["watched-word"],

    buildBuffer(buffer) {
      buffer.push(iconHTML("times"));
      buffer.push(" " + this.get("word.word"));
    },

    click() {
      this.get("word")
        .destroy()
        .then(() => {
          this.sendAction("action", this.get("word"));
        })
        .catch(e => {
          bootbox.alert(
            I18n.t("generic_error_with_reason", {
              error: `http: ${e.status} - ${e.body}`
            })
          );
        });
    }
  })
);