From 2a843c3b7879a310d2c11c28ea7c403deea51f8c Mon Sep 17 00:00:00 2001
From: n1lsqn <owner@n1l.dev>
Date: Fri, 29 Mar 2024 22:42:26 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20followButton=E3=82=92=E3=83=95=E3=82=A9?=
 =?UTF-8?q?=E3=83=AD=E3=83=BC=E6=99=82=E3=81=AE=E9=80=9A=E7=9F=A5=E3=81=AB?=
 =?UTF-8?q?=E8=BC=89=E3=81=9B=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkNotification.vue | 2 ++
 packages/frontend/src/pages/user/index.activity.vue | 8 ++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue
index 43f163d14223..b3bc0e64bc27 100644
--- a/packages/frontend/src/components/MkNotification.vue
+++ b/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';
diff --git a/packages/frontend/src/pages/user/index.activity.vue b/packages/frontend/src/pages/user/index.activity.vue
index 45bc35067b2f..f4cfb8408ce3 100644
--- a/packages/frontend/src/pages/user/index.activity.vue
+++ b/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>