From 55999f9ccbd88caae84fcbd1d97f112e0abb161b Mon Sep 17 00:00:00 2001
From: kozakura913 <98575220+kozakura913@users.noreply.github.com>
Date: Tue, 3 Dec 2024 13:31:56 +0900
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E4=B8=AD=E3=81=AE=E3=82=BF?=
 =?UTF-8?q?=E3=82=B0TL=E3=82=92=E3=81=8A=E6=B0=97=E3=81=AB=E5=85=A5?=
 =?UTF-8?q?=E3=82=8A=E7=99=BB=E9=8C=B2=E3=81=99=E3=82=8B=E3=83=9C=E3=82=BF?=
 =?UTF-8?q?=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0=20(#561)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG_YOJO.md                   |  3 ++
 packages/frontend/src/pages/tag.vue | 52 ++++++++++++++++++++++++++---
 2 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG_YOJO.md b/CHANGELOG_YOJO.md
index 714306c1ca..a44dbe1463 100644
--- a/CHANGELOG_YOJO.md
+++ b/CHANGELOG_YOJO.md
@@ -3,6 +3,9 @@
 ### General
 - Fix: ノートを編集する時に検索許可範囲を記憶する [#558](https://github.com/yojo-art/cherrypick/pull/558)
 
+### Client
+- Enhance: 表示中のタグTLをお気に入り登録するボタンを追加 [#561](https://github.com/yojo-art/cherrypick/pull/561)
+
 ### Server
 - Fix: PersonのserchableByが正しく連合できていないのを修正[#556](https://github.com/yojo-art/cherrypick/pull/556)
 - Enhance: `/users/${id}`に`Accept: application/ld+json`ではないリクエストが来たとき`/@${username}`にリダイレクトするように [#554](https://github.com/yojo-art/cherrypick/pull/554)
diff --git a/packages/frontend/src/pages/tag.vue b/packages/frontend/src/pages/tag.vue
index 497feda737..8319673911 100644
--- a/packages/frontend/src/pages/tag.vue
+++ b/packages/frontend/src/pages/tag.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+	<template #header><MkPageHeader :key="headerActions" :actions="headerActions" :tabs="headerTabs"/></template>
 	<MkSpacer :contentMax="800">
 		<MkNotes ref="notes" class="" :pagination="pagination"/>
 	</MkSpacer>
@@ -31,6 +31,8 @@ import { defaultStore } from '@/store.js';
 import { useStream } from '@/stream.js';
 import * as os from '@/os.js';
 import { genEmbedCode } from '@/scripts/get-embed-code.js';
+import { misskeyApi } from '@/scripts/misskey-api';
+import { MenuItem } from '@/types/menu';
 
 const props = defineProps<{
 	tag: string;
@@ -56,17 +58,59 @@ async function post() {
 //	notes.value?.pagingComponent?.reload();
 }
 
+const invalidChars = [' ', '　', '#', ':', '\'', '"', '!'];
+
 const headerActions = computed(() => [{
 	icon: 'ti ti-dots',
 	label: i18n.ts.more,
-	handler: (ev: MouseEvent) => {
-		os.popupMenu([{
+	handler: async (ev: MouseEvent) => {
+		const registryTags = await (misskeyApi('i/registry/get', {
+			scope: ['client', 'base'],
+			key: 'hashTag',
+		}).catch(() => null)) as string[] | null;
+		const menuList:MenuItem[] = [];
+		menuList.push({
 			text: i18n.ts.genEmbedCode,
 			icon: 'ti ti-code',
 			action: () => {
 				genEmbedCode('tags', props.tag);
 			},
-		}], ev.currentTarget ?? ev.target);
+		});
+		if (registryTags !== null) {
+			let tags:string[] = registryTags;
+			const is_my_tag = tags.includes(props.tag);
+			menuList.push({
+				text: is_my_tag ? i18n.ts.unfavorite : i18n.ts.favorite,
+				icon: is_my_tag ? 'ti ti-heart-off' : 'ti ti-heart',
+				action: async () => {
+					if (is_my_tag) {
+						tags = tags.filter(x => props.tag !== x);
+					} else {
+						const input = props.tag;
+						if (input === '' || invalidChars.includes(input)) {
+							os.alert(
+								{
+									type: 'error',
+									title: i18n.ts.invalidTagName,
+								},
+							);
+							return;
+						}
+						if (tags.includes(input)) {
+						//既に登録済なら無視
+						} else {
+							tags.push(input);
+						}
+					}
+					await misskeyApi('i/registry/set', {
+						scope: ['client', 'base'],
+						key: 'hashTag',
+						value: tags,
+					});
+				},
+			});
+		}
+		os.popupMenu(menuList, ev.currentTarget ?? ev.target);
 	},
 }]);