diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index 71562b0c..2f86b102 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -33,7 +33,7 @@
class="btn button-default btn-block dropdown-item"
@click="removeUserFromFollowers"
>
- {{ $t('user_card.remove_this_follower') }}
+ {{ $t('user_card.remove_follower') }}
+
@@ -40,6 +45,12 @@
line-height: 1.5em;
}
+ &-button {
+ margin-top: 0.5em;
+ padding: 0 1.5em;
+ margin-left: 1em;
+ }
+
&-follow-button {
margin-top: 0.5em;
margin-left: auto;
diff --git a/src/components/remove_follower_button/remove_follower_button.js b/src/components/remove_follower_button/remove_follower_button.js
new file mode 100644
index 00000000..e1a7531b
--- /dev/null
+++ b/src/components/remove_follower_button/remove_follower_button.js
@@ -0,0 +1,25 @@
+export default {
+ props: ['relationship'],
+ data () {
+ return {
+ inProgress: false
+ }
+ },
+ computed: {
+ label () {
+ if (this.inProgress) {
+ return this.$t('user_card.follow_progress')
+ } else {
+ return this.$t('user_card.remove_follower')
+ }
+ }
+ },
+ methods: {
+ onClick () {
+ this.inProgress = true
+ this.$store.dispatch('removeUserFromFollowers', this.relationship.id).then(() => {
+ this.inProgress = false
+ })
+ }
+ }
+}
diff --git a/src/components/remove_follower_button/remove_follower_button.vue b/src/components/remove_follower_button/remove_follower_button.vue
new file mode 100644
index 00000000..a3a4c242
--- /dev/null
+++ b/src/components/remove_follower_button/remove_follower_button.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 15bd779a..9c2b7008 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -917,7 +917,7 @@
"muted": "Muted",
"per_day": "per day",
"remote_follow": "Remote follow",
- "remove_this_follower": "Remove this follower",
+ "remove_follower": "Remove follower",
"replies": "With Replies",
"report": "Report",
"statuses": "Statuses",