import ProgressButton from '../progress_button/progress_button.vue'

const DomainMuteCard = {
  props: ['domain'],
  components: {
    ProgressButton
  },
  computed: {
    user() {
      return this.$store.state.users.currentUser
    },
    muted() {
      return this.user.domainMutes.includes(this.domain)
    }
  },
  methods: {
    unmuteDomain() {
      return this.$store.dispatch('unmuteDomain', this.domain)
    },
    muteDomain() {
      return this.$store.dispatch('muteDomain', this.domain)
    }
  }
}

export default DomainMuteCard
