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

feat: posts and mentions in profile (#17)

Browse source
This commit is contained in:
patak 2022-11-20 22:38:52 +01:00 • committed by GitHub
parent 2442c80bfb
commit 5d5cdebb56
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
pages/notifications.vue
View file

@ -1,16 +1,15 @@
<script setup lang="ts">
import type { FetchNotificationsParams } from 'masto'
definePageMeta({
middleware: 'auth',
})
const masto = await useMasto()
const tabNames = ['all', 'mentions'] as const
const tab = $(useLocalStorage<typeof tabNames[number]>('nuxtodon-notifications-tab', 'all'))
const tabNames = ['All', 'Mentions'] as const
const tab = $(useLocalStorage<typeof tabNames[number]>('nuxtodon-notifications-tab', 'All'))
const paginator = $computed(() => {
return masto.notifications.getIterator(tab === 'all' ? undefined : { types: ['mention'] })
return masto.notifications.getIterator(tab === 'All' ? undefined : { types: ['mention'] })
})
</script>
@ -23,13 +22,7 @@ const paginator = $computed(() => {
<div color-gray i-ri:equalizer-fill mr-1 h-6 />
</template>
<slot>
<div flex w-full>
<template v-for="type in tabNames" :key="type">
<input
:id="`tab-${type}`" v-model="tab" :value="type" type="radio" name="tabs" display="none"
><label flex w-full justify-center h-8 cursor-pointer :for="`tab-${type}`" :class="tab === type ? 'color-primary' : 'hover:color-purple'" tabindex="1" @keypress.enter="tab = type">{{ type }}</label>
</template>
</div>
<CommonTabs v-model="tab" :options="tabNames" />
<NotificationPaginator :key="tab" :paginator="paginator" />
</slot>
</MainContent>