oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

feat(frontend): 任意のユーザーリストをタイムラインページにピン留めできるように

Browse source
This commit is contained in:
syuilo 2023-09-19 10:58:42 +09:00
parent bec338aa00
commit 299c9c4118
6 changed files with 49 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
packages/frontend/src/pages/timeline.vue
View file

@ -16,7 +16,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkTimeline
ref="tlComponent"
:key="src"
:src="src"
:src="src.split(':')[0]"
:list="src.split(':')[1]"
:sound="true"
@queue="queueUpdated"
/>
@ -102,10 +103,15 @@ async function chooseChannel(ev: MouseEvent): Promise<void> {
os.popupMenu(items, ev.currentTarget ?? ev.target);
}
function saveSrc(newSrc: 'home' | 'local' | 'social' | 'global'): void {
function saveSrc(newSrc: 'home' | 'local' | 'social' | 'global' | `list:${string}`): void {
let userList = null;
if (newSrc.startsWith('userList:')) {
const id = newSrc.substring('userList:'.length);
userList = defaultStore.reactiveState.pinnedUserLists.value.find(l => l.id === id);
}
defaultStore.set('tl', {
...defaultStore.state.tl,
src: newSrc,
userList,
});
srcWhenNotSignin = newSrc;
}
@ -125,7 +131,12 @@ function focus(): void {
const headerActions = $computed(() => []);
const headerTabs = $computed(() => [{
const headerTabs = $computed(() => [...(defaultStore.reactiveState.pinnedUserLists.value.map(l => ({
key: 'list:' + l.id,
title: l.name,
icon: 'ti ti-star',
iconOnly: true,
}))), {
key: 'home',
title: i18n.ts._timelines.home,
icon: 'ti ti-home',