Merge 801add90bf into dac3b1f405

CHANGELOG.md

@@ -6,6 +6,8 @@
 ### Client
 - Fix: 画面サイズが変わった際にナビゲーションバーが自動で折りたたまれない問題を修正
 - Fix: サーバー情報メニューに区切り線が不足していたのを修正
+- Fix: リモートユーザーのページでは連合されない項目（クリップ・ページ・Playなど）のタブが表示されないように  
+  (Cherry-picked from https://github.com/okayurisotto/wisteria/commit/2b8bdeea431b1e8fc380e3b2bba5f5f37262fbf7)
 
 ### Server
 - Fix: ユーザーのプロフィール画面をアドレス入力などで直接表示した際に概要タブの描画に失敗する問題の修正( #15032 )

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

@@ -94,51 +94,28 @@ watch(() => props.acct, fetchUser, {
 
 const headerActions = computed(() => []);
 
-const headerTabs = computed(() => user.value ? [{
+const headerTabs = computed(() => {
-	key: 'home',
+	if (user.value == null) return [];
-	title: i18n.ts.overview,
+
-	icon: 'ti ti-home',
+	const isReactionsVisible = user.value.publicReactions || ($i && ($i.id === user.value.id || $i.isAdmin || $i.isModerator));
-}, {
+	const isLocalUser = user.value.host === null;
-	key: 'notes',
+
-	title: i18n.ts.notes,
+	return [
-	icon: 'ti ti-pencil',
+		{ key: 'home', title: i18n.ts.overview, icon: 'ti ti-home' },
-}, {
+		{ key: 'notes', title: i18n.ts.notes, icon: 'ti ti-pencil' },
-	key: 'activity',
+		{ key: 'activity', title: i18n.ts.activity, icon: 'ti ti-chart-line', },
-	title: i18n.ts.activity,
+		...(isLocalUser ? [{ key: 'achievements', title: i18n.ts.achievements, icon: 'ti ti-medal' }] : []),
-	icon: 'ti ti-chart-line',
+		...(isReactionsVisible ? [{ key: 'reactions', title: i18n.ts.reaction, icon: 'ti ti-mood-happy' }] : []),
-}, ...(user.value.host == null ? [{
+		...(isLocalUser ? [
-	key: 'achievements',
+			{ key: 'clips', title: i18n.ts.clips, icon: 'ti ti-paperclip' },
-	title: i18n.ts.achievements,
+			{ key: 'lists', title: i18n.ts.lists, icon: 'ti ti-list' },
-	icon: 'ti ti-medal',
+			{ key: 'pages', title: i18n.ts.pages, icon: 'ti ti-news' },
-}] : []), ...($i && ($i.id === user.value.id || $i.isAdmin || $i.isModerator)) || user.value.publicReactions ? [{
+			{ key: 'flashs', title: 'Play', icon: 'ti ti-player-play' },
-	key: 'reactions',
+			{ key: 'gallery', title: i18n.ts.gallery, icon: 'ti ti-icons' },
-	title: i18n.ts.reaction,
+		] : []),
-	icon: 'ti ti-mood-happy',
+		{ key: 'raw', title: 'Raw', icon: 'ti ti-code' },
-}] : [], {
+	];
-	key: 'clips',
+});
-	title: i18n.ts.clips,
-	icon: 'ti ti-paperclip',
-}, {
-	key: 'lists',
-	title: i18n.ts.lists,
-	icon: 'ti ti-list',
-}, {
-	key: 'pages',
-	title: i18n.ts.pages,
-	icon: 'ti ti-news',
-}, {
-	key: 'flashs',
-	title: 'Play',
-	icon: 'ti ti-player-play',
-}, {
-	key: 'gallery',
-	title: i18n.ts.gallery,
-	icon: 'ti ti-icons',
-}, {
-	key: 'raw',
-	title: 'Raw',
-	icon: 'ti ti-code',
-}] : []);
 
 definePageMetadata(() => ({
 	title: i18n.ts.user,