Merge pull request #123 from n1lsqn/develop

release: 2024.3.1-n.9

DIFFERENCE.md

@@ -20,3 +20,4 @@
 - Feat: リアクションがフォールバックする場合はリアクションボタンのデザインを変えるように[97b4d7c](https://github.com/hideki0403/kakurega.app/pull/41/commits/97b4d7cf609ea33ecf0a3d356693774455ef6e07)
 - Feat: プロフィールからアクティビティとファイルを隠す[#119](https://github.com/n1lsqn/misskey/pull/119)
 `設定 -> クライアント設定 -> プロフィールからアクティビティとファイルを隠す`からご利用いただけます
+- Feat: フォロー通知にフォローボタンを出す [#112](https://github.com/n1lsqn/misskey/pull/122)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "2024.3.1-n.8",
+	"version": "2024.3.1-n.9",
 	"codename": "nasubi",
 	"repository": {
 		"type": "git",

packages/frontend/src/components/MkNotification.vue

@@ -106,6 +106,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			</MkA>
 			<template v-else-if="notification.type === 'follow'">
 				<span :class="$style.text" style="opacity: 0.6;">{{ i18n.ts.youGotNewFollower }}</span>
+				<MkFollowButton :class="$style.follow" :user="notification.user" full/>
 			</template>
 			<span v-else-if="notification.type === 'followRequestAccepted'" :class="$style.text" style="opacity: 0.6;">{{ i18n.ts.followRequestAccepted }}</span>
 			<template v-else-if="notification.type === 'receiveFollowRequest'">
@@ -146,6 +147,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { ref } from 'vue';
 import * as Misskey from 'misskey-js';
+import MkFollowButton from './MkFollowButton.vue';
 import MkReactionIcon from '@/components/MkReactionIcon.vue';
 import MkButton from '@/components/MkButton.vue';
 import { getNoteSummary } from '@/scripts/get-note-summary.js';

packages/frontend/src/pages/user/index.activity.vue

@@ -49,16 +49,16 @@ function showMenu(ev: MouseEvent) {
 		action: () => {
 			chartSrc.value = 'per-user-pv';
 		},
-	}, /*, {
+	}, {
 		text: i18n.ts.following,
 		action: () => {
-			chartSrc = 'per-user-following';
+			chartSrc.value = 'per-user-following';
 		}
 	}, {
 		text: i18n.ts.followers,
 		action: () => {
-			chartSrc = 'per-user-followers';
+			chartSrc.value = 'per-user-followers';
 		}
-	}*/], ev.currentTarget ?? ev.target);
+	}], ev.currentTarget ?? ev.target);
 }
 </script>