feat(client): show confirm dialog when vote

CHANGELOG.md

@@ -11,6 +11,7 @@
 
 ### Improvements
 - API: /antennas/notes API で日付による絞り込みができるように
+- クライアント: アンケートに投票する際に確認ダイアログを出すように
 
 ### Bugfixes
 - クライアント: ログインにおいてパスワードが誤っている際のエラーメッセージが正しく表示されない問題を修正

locales/ja-JP.yml

@@ -809,6 +809,7 @@ ffVisibilityDescription: "自分のフォロー/フォロワー情報の公開
 continueThread: "さらにスレッドを見る"
 deleteAccountConfirm: "アカウントが削除されます。よろしいですか？"
 incorrectPassword: "パスワードが間違っています。"
+voteConfirm: "「{choice}」に投票しますか？"
 
 _emailUnavailable:
   used: "既に使用されています"

packages/client/src/components/poll.vue

@@ -87,14 +87,20 @@ export default defineComponent({
 		toggleShowResult() {
 			this.showResult = !this.showResult;
 		},
-		vote(id) {
+		async vote(id) {
 			if (this.readOnly || this.closed || !this.poll.multiple && this.poll.choices.some(c => c.isVoted)) return;
-			os.api('notes/polls/vote', {
+
+			const { canceled } = await os.confirm({
+				type: 'question',
+				text: this.$t('voteConfirm', { choice: this.poll.choices[id].text }),
+			});
+			if (canceled) return;
+
+			await os.api('notes/polls/vote', {
 				noteId: this.note.id,
 				choice: id
-			}).then(() => {
-				if (!this.showResult) this.showResult = !this.poll.multiple;
 			});
+			if (!this.showResult) this.showResult = !this.poll.multiple;
 		}
 	}
 });