Add domain block components

src/components/user_card/user_card.js

@@ -121,12 +121,23 @@ export default {
     FollowButton
   },
   methods: {
+    refetchRelationship () {
+      return this.$store.dispatch('fetchUserRelationship', this.user.id)
+    },
     muteUser () {
       this.$store.dispatch('muteUser', this.user.id)
     },
     unmuteUser () {
       this.$store.dispatch('unmuteUser', this.user.id)
     },
+    muteDomain () {
+      this.$store.dispatch('muteDomain', this.user.screen_name.split('@')[1])
+        .then(() => this.refetchRelationship())
+    },
+    unmuteDomain () {
+      this.$store.dispatch('unmuteDomain', this.user.screen_name.split('@')[1])
+        .then(() => this.refetchRelationship())
+    },
     subscribeUser () {
       return this.$store.dispatch('subscribeUser', this.user.id)
     },

src/components/user_card/user_card.vue

@@ -205,6 +205,22 @@
               {{ $t('user_card.mute') }}
             </button>
           </div>
+          <div>
+            <button
+              v-if="relationship.domain_blocking"
+              class="btn button-default btn-block toggled"
+              @click="unmuteDomain"
+            >
+              {{ $t('user_card.domain_muted') }}
+            </button>
+            <button
+              v-else
+              class="btn button-default btn-block"
+              @click="muteDomain"
+            >
+              {{ $t('user_card.mute_domain') }}
+            </button>
+          </div>
           <div>
             <button
               class="btn button-default btn-block"

src/i18n/en.json

@@ -745,6 +745,8 @@
     "mute_progress": "Muting…",
     "hide_repeats": "Hide repeats",
     "show_repeats": "Show repeats",
+    "domain_muted": "Unblock domain",
+    "mute_domain": "Block domain", 
     "bot": "Bot",
     "admin_menu": {
       "moderation": "Moderation",