enhance(frontend): 액세스 토큰 개선

CHANGELOG_CHERRYPICK.md

@@ -60,6 +60,9 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 - Enhance: 사용자 팝업 개선
   - 자신의 프로필인 경우, 팔로우 버튼을 프로필 편집 버튼으로 표시함
 - Enhance: 노트 상세 페이지의 노트 작성 폼에서 노트를 게시했을 때 작성 폼을 다시 닫도록 변경함
+- Enhance: 액세스 토큰 개선
+  - 토큰 생성 시, 토큰을 복사할 필요없이 '확인' 버튼을 누르면 자동으로 클립보드에 토큰이 복사됨
+  - 토큰 삭제 시, 삭제 전 대화 상자가 표시됨
 - Fix: '모달 배경색 제거' 옵션이 이모지 피커에 반영되지 않음
 - Fix: 열람 주의로 설정된 노트의 리액션이 '더 보기'를 눌러야 표시됨
 - Fix: 채널 이름이 긴 경우 게시 양식 표시가 깨지는 문제 (misskey-dev/misskey#12524)

packages/frontend/src/pages/settings/api.vue

@@ -18,6 +18,7 @@ import MkButton from '@/components/MkButton.vue';
 import * as os from '@/os.js';
 import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
+import copyToClipboard from '@/scripts/copy-to-clipboard.js';
 
 const isDesktop = ref(window.innerWidth >= 1100);
 
@@ -35,6 +36,8 @@ function generateToken() {
 				type: 'success',
 				title: i18n.ts.token,
 				text: token,
+			}).then(() => {
+				copyToClipboard(token);
 			});
 		},
 	}, 'closed');

packages/frontend/src/pages/settings/apps.vue

@@ -65,7 +65,13 @@ const pagination = {
 	},
 };
 
-function revoke(token) {
+async function revoke(token) {
+	const { canceled } = await os.confirm({
+		type: 'warning',
+		text: i18n.t('removeAreYouSure', { x: token.name ?? '' }),
+	});
+	if (canceled) return;
+
 	os.api('i/revoke-token', { tokenId: token.id }).then(() => {
 		list.value.reload();
 	});