enhance(client): フォローしたという文言を表示するように

CHANGELOG_CHERRYPICK.md

@@ -35,6 +35,7 @@
 - 타임라인 편집 기능 추가
 - 모바일 환경에서 타임라인의 헤더 디자인을 변경할 수 있음
 - 「제어판 - 유저」에서 최근 온라인 유저를 정렬해서 볼 수 있음
+- 「이미 팔로우한 경우 알림 필드에 팔로우 버튼을 표시하지 않음」설정 사용 시, 팔로우 했다는 문구를 표시하도록
 
 ### Client
 - 리노트 전 확인 팝업을 띄움

locales/en-US.yml

@@ -1,5 +1,6 @@
 ---
 _lang_: "English"
+alreadyFollowed: "You've been followed!"
 enableMarkByDate: "Show note times as dates"
 renoteConfirm: "Do you want to Renote?"
 inviteRevoke: "Revoke All Invitation Codes"

locales/index.d.ts

@@ -3,6 +3,7 @@
 // Do not edit this file directly.
 export interface Locale {
     "_lang_": string;
+    "alreadyFollowed": string;
     "enableMarkByDate": string;
     "renoteConfirm": string;
     "inviteRevoke": string;

locales/ja-JP.yml

@@ -1,5 +1,6 @@
 _lang_: "日本語"
 
+alreadyFollowed: "フォローしました！"
 enableMarkByDate: "ノート時刻を日付で表示"
 renoteConfirm: "Renoteしますか？"
 inviteRevoke: "全ての招待コードを失効する"

locales/ko-KR.yml

@@ -1,5 +1,6 @@
 ---
 _lang_: "한국어"
+alreadyFollowed: "팔로우 했어요!"
 enableMarkByDate: "노트 시간을 일자로 표시"
 renoteConfirm: "리노트 할까요?"
 inviteRevoke: "모든 초대 코드 무효화"

packages/frontend/src/components/MkFollowButton.vue

@@ -28,6 +28,7 @@
 		<span v-if="full" :class="$style.text">{{ i18n.ts.processing }}</span><MkLoading :em="true" :colored="false"/>
 	</template>
 </button>
+	<div v-else-if="disableIfFollowing && isFollowing"><i class="ti ti-circle-check"></i><span style="padding-left: 3px;">{{ i18n.ts.alreadyFollowed }}</span></div>
 </template>
 
 <script lang="ts" setup>