feat: turn unread notification tab into reactions tab

README.md

@@ -28,6 +28,8 @@
 
 ## 細かい変更点
 
+- 未読通知のタブをリアクションの通知を表示するタブに変更
+  - 未読のタブ、使ってる人いる？
 - MFM チートシートのボタンを投稿画面から左下のヘルプメニューに移動
 	- これがあるために投稿画面下部のボタンが 2 段になってしまうことがあるため
 - 「フォローされています」の表示を目立たせられるように

packages/client/src/pages/notifications.vue

@@ -35,8 +35,8 @@
 				<swiper-slide>
 					<XNotifications
 						class="notifications"
-						:include-types="includeTypes"
+						:include-types="['reaction']"
-						:unread-only="true"
+						: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",
+		key: "reactions",
-		title: i18n.ts.unread,
+		title: i18n.ts.reaction,
-		icon: "ph-circle-wavy-warning ph-bold ph-lg",
+		icon: "ph-smiley ph-bold ph-lg",
 	},
 	{
 		key: "mentions",