fix(frontend): タイムラインのメニュー要素を修正

CHANGELOG_CHERRYPICK.md

@@ -61,6 +61,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 - Fix: 유저 검색에서 로컬/리모트 설정이 제대로 작동하지 않음
 - Fix: 유저 선택 다이얼로그에서 검색 결과가 표시되지 않음
 - Fix: 게시 양식에서 사용자 변경 사항이 미리보기에 반영되지 않는 문제 (misskey-dev/misskey#12022)
+- Fix: 타임라인 메뉴 요소 수정
 
 ### Server
 - Feat: Note pack에서 SQL 디바운스 (MisskeyIO/misskey#176)

packages/frontend/src/pages/timeline.vue

@@ -206,7 +206,6 @@ const headerActions = $computed(() => [{
 		os.popupMenu([{
 			type: 'switch',
 			text: i18n.ts.friendlyEnableNotifications,
-			icon: 'ti ti-notification',
 			ref: friendlyEnableNotifications,
 			action: () => {
 				friendlyEnableNotifications.value = !friendlyEnableNotifications.value;
@@ -214,7 +213,6 @@ const headerActions = $computed(() => [{
 		}, {
 			type: 'switch',
 			text: i18n.ts.friendlyEnableWidgets,
-			icon: 'ti ti-apps',
 			ref: friendlyEnableWidgets,
 			action: () => {
 				friendlyEnableWidgets.value = !friendlyEnableWidgets.value;
@@ -222,7 +220,6 @@ const headerActions = $computed(() => [{
 		}, {
 			type: 'switch',
 			text: i18n.ts.showRenotes,
-			icon: 'ti ti-repeat',
 			ref: $$(withRenotes),
 		}, src === 'local' || src === 'social' ? {
 			type: 'switch',
@@ -231,12 +228,10 @@ const headerActions = $computed(() => [{
 		} : undefined, {
 			type: 'switch',
 			text: i18n.ts.fileAttachedOnly,
-			icon: 'ti ti-photo',
 			ref: $$(onlyFiles),
 		}, {
 			type: 'switch',
 			text: i18n.ts.showCatOnly,
-			icon: 'ti ti-cat',
 			ref: $$(onlyCats),
 		}], ev.currentTarget ?? ev.target);
 	},

packages/frontend/src/types/menu.ts

@@ -14,7 +14,7 @@ export type MenuLabel = { type: 'label', text: string };
 export type MenuLink = { type: 'link', to: string, text: string, icon?: string, indicate?: boolean, avatar?: Misskey.entities.User };
 export type MenuA = { type: 'a', href: string, target?: string, download?: string, text: string, icon?: string, indicate?: boolean };
 export type MenuUser = { type: 'user', user: Misskey.entities.User, active?: boolean, indicate?: boolean, action: MenuAction };
-export type MenuSwitch = { type: 'switch', ref: Ref<boolean>, text: string, disabled?: boolean };
+export type MenuSwitch = { type: 'switch', ref: Ref<boolean>, text: string, disabled?: boolean; action?: MenuAction };
 export type MenuButton = { type?: 'button', text: string, icon?: string, indicate?: boolean, danger?: boolean, active?: boolean, avatar?: Misskey.entities.User; action: MenuAction };
 export type MenuParent = { type: 'parent', text: string, icon?: string, children: MenuItem[] | (() => Promise<MenuItem[]> | MenuItem[]) };