From 512d0901ce011f7f332d2e58b260943b51a1ca59 Mon Sep 17 00:00:00 2001
From: webfansplz <308241863@qq.com>
Date: Mon, 16 Jan 2023 14:36:28 +0800
Subject: [PATCH] feat: confirm before unfollow (#1208)

Closes https://github.com/elk-zone/elk/issues/35
---
 components/account/AccountFollowButton.vue | 11 +++++++++--
 locales/en-US.json                         |  7 +++++++
 locales/zh-CN.json                         |  7 +++++++
 locales/zh-TW.json                         |  7 +++++++
 4 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/components/account/AccountFollowButton.vue b/components/account/AccountFollowButton.vue
index f1ef9f0b..7aab0fd9 100644
--- a/components/account/AccountFollowButton.vue
+++ b/components/account/AccountFollowButton.vue
@@ -8,12 +8,21 @@ const { account, command, context, ...props } = defineProps<{
   command?: boolean
 }>()
 
+const { t } = useI18n()
 const isSelf = $(useSelfAccount(() => account))
 const enable = $computed(() => !isSelf && currentUser.value)
 const relationship = $computed(() => props.relationship || useRelationship(account).value)
 
 const { client } = $(useMasto())
 async function toggleFollow() {
+  if (relationship!.following) {
+    if (await openConfirmDialog({
+      title: t('confirm.unfollow.title'),
+      confirm: t('confirm.unfollow.confirm'),
+      cancel: t('confirm.unfollow.cancel'),
+    }) !== 'confirm')
+      return
+  }
   relationship!.following = !relationship!.following
   try {
     const newRel = await client.v1.accounts[relationship!.following ? 'follow' : 'unfollow'](account.id)
@@ -52,8 +61,6 @@ async function unmute() {
   }
 }
 
-const { t } = useI18n()
-
 useCommand({
   scope: 'Actions',
   order: -2,
diff --git a/locales/en-US.json b/locales/en-US.json
index 14669a6c..8d915cc3 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -104,6 +104,13 @@
     "draft_title": "Draft {0}",
     "drafts": "Drafts ({v})"
   },
+  "confirm": {
+    "unfollow": {
+      "cancel": "Cancel",
+      "confirm": "Unfollow",
+      "title": "Are you sure you want to unfollow?"
+    }
+  },
   "conversation": {
     "with": "with"
   },
diff --git a/locales/zh-CN.json b/locales/zh-CN.json
index f4a6761a..72ac4665 100644
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@@ -100,6 +100,13 @@
     "draft_title": "草稿 {0}",
     "drafts": "草稿 ({v})"
   },
+  "confirm": {
+    "unfollow": {
+      "cancel": "取消",
+      "confirm": "取消关注",
+      "title": "你确定要取消关注吗？"
+    }
+  },
   "conversation": {
     "with": "与"
   },
diff --git a/locales/zh-TW.json b/locales/zh-TW.json
index c997a9ef..f6976cb4 100644
--- a/locales/zh-TW.json
+++ b/locales/zh-TW.json
@@ -103,6 +103,13 @@
     "draft_title": "草稿 {0}",
     "drafts": "草稿 ({v})"
   },
+  "confirm": {
+    "unfollow": {
+      "cancel": "取消",
+      "confirm": "取消關注",
+      "title": "你確定要取消關注嗎？"
+    }
+  },
   "conversation": {
     "with": "與"
   },