zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: add media tab (#137)

Browse source
This commit is contained in:
Lucie 2022-11-26 12:36:23 -05:00 • committed by GitHub
parent ad8b878120
commit ef287b4f36
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
pages/@[account]/index/index.vue
View file

@ -3,16 +3,26 @@ const params = useRoute().params
const accountName = $computed(() => params.account as string)
const account = await fetchAccountByName(accountName)
const tabNames = ['Posts', 'Posts and replies'] as const
const tabNames = ['Posts', 'Posts & replies', 'Media'] as const
// Don't use local storage because it is better to default to Posts every time you visit a user's profile.
const tab = $ref('Posts')
const paginatorPosts = useMasto().accounts.getStatusesIterable(account.id, { excludeReplies: true })
const paginatorPostsWithReply = useMasto().accounts.getStatusesIterable(account.id, { excludeReplies: false })
const paginatorMedia = useMasto().accounts.getStatusesIterable(account.id, { onlyMedia: true, excludeReplies: false })
const paginator = $computed(() => {
return tab === 'Posts' ? paginatorPosts : paginatorPostsWithReply
switch (tab) {
case 'Posts & replies':
return paginatorPostsWithReply
case 'Media':
return paginatorMedia
default:
return paginatorPosts
}
})
</script>