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}`}));
    });;
  }
}));