diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-09-27 18:47:50 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-01-22 09:25:24 -0500 |
| commit | ce8101e60a1dc1a768f793a34fb6e9cca70b4858 (patch) | |
| tree | e52a0c0360dd9bf8ef04a63e7994216a73147027 /src/components/remove_follower_button/remove_follower_button.vue | |
| parent | 5359633c743455739a8b6fe64e246c832656b4d0 (diff) | |
Add remove follower confirmation
Diffstat (limited to 'src/components/remove_follower_button/remove_follower_button.vue')
| -rw-r--r-- | src/components/remove_follower_button/remove_follower_button.vue | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/remove_follower_button/remove_follower_button.vue b/src/components/remove_follower_button/remove_follower_button.vue index a3a4c242..0012aebd 100644 --- a/src/components/remove_follower_button/remove_follower_button.vue +++ b/src/components/remove_follower_button/remove_follower_button.vue @@ -7,6 +7,27 @@ @click="onClick" > {{ label }} + <teleport to="#modal"> + <confirm-modal + v-if="showingConfirmRemoveFollower" + :title="$t('user_card.remove_follower_confirm_title')" + :confirm-text="$t('user_card.remove_follower_confirm_accept_button')" + :cancel-text="$t('user_card.remove_follower_confirm_cancel_button')" + @accepted="doRemoveUserFromFollowers" + @cancelled="hideConfirmRemoveUserFromFollowers" + > + <i18n-t + keypath="user_card.remove_follower_confirm" + tag="span" + > + <template #user> + <span + v-text="user.screen_name_ui" + /> + </template> + </i18n-t> + </confirm-modal> + </teleport> </button> </template> |