From c47272ceeabdf461829037c6e652c2681ae10fd2 Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Mon, 28 Aug 2023 06:20:50 +0900
Subject: [PATCH] feat: turn unread notification tab into reactions tab

---
 README.md                                   |  2 ++
 packages/client/src/pages/notifications.vue | 13 ++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 9b4cc4a8c..e3ecf30c7 100644
--- a/README.md
+++ b/README.md
@@ -28,6 +28,8 @@
 
 ## 細かい変更点
 
+- 未読通知のタブをリアクションの通知を表示するタブに変更
+  - 未読のタブ、使ってる人いる？
 - MFM チートシートのボタンを投稿画面から左下のヘルプメニューに移動
 	- これがあるために投稿画面下部のボタンが 2 段になってしまうことがあるため
 - 「フォローされています」の表示を目立たせられるように
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index ed318f4b4..9eb999253 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -35,8 +35,8 @@
 				<swiper-slide>
 					<XNotifications
 						class="notifications"
-						:include-types="includeTypes"
-						:unread-only="true"
+						:include-types="['reaction']"
+						:unread-only="false"
 					/>
 				</swiper-slide>
 				<swiper-slide>
@@ -65,12 +65,11 @@ import { defaultStore } from "@/store";
 import "swiper/scss";
 import "swiper/scss/virtual";
 
-const tabs = ["all", "unread", "mentions", "directNotes"];
+const tabs = ["all", "reactions", "mentions", "directNotes"];
 let tab = ref(tabs[0]);
 watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
 
 let includeTypes = ref<string[] | null>(null);
-let unreadOnly = computed(() => tab.value === "unread");
 os.api("notifications/mark-all-as-read");
 
 const MOBILE_THRESHOLD = 500;
@@ -149,9 +148,9 @@ const headerTabs = computed(() => [
 		icon: "ph-bell ph-bold ph-lg",
 	},
 	{
-		key: "unread",
-		title: i18n.ts.unread,
-		icon: "ph-circle-wavy-warning ph-bold ph-lg",
+		key: "reactions",
+		title: i18n.ts.reaction,
+		icon: "ph-smiley ph-bold ph-lg",
 	},
 	{
 		key: "mentions",