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

feat: avoid reordering pagination border effects (#877)

Browse source
This commit is contained in:
patak 2023-01-08 17:04:26 +01:00 • committed by GitHub
parent f8692ed480
commit efe406df5b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/timeline/TimelineHome.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts">
const paginator = useMasto().v1.timelines.listHome()
const paginator = useMasto().v1.timelines.listHome({ limit: 30 })
const stream = useMasto().v1.stream.streamUser()
onBeforeUnmount(() => stream?.then(s => s.disconnect()))
</script>

5
components/timeline/TimelinePaginator.vue
View file

@ -4,12 +4,13 @@ import { DynamicScrollerItem } from 'vue-virtual-scroller'
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
import type { Paginator, WsEvents, mastodon } from 'masto'
const { paginator, stream, account } = defineProps<{
const { paginator, stream, account, buffer = 10 } = defineProps<{
paginator: Paginator<mastodon.v1.Status[], mastodon.v1.ListAccountStatusesParams>
stream?: Promise<WsEvents>
context?: mastodon.v2.FilterContext
account?: mastodon.v1.Account
preprocess?: (items: mastodon.v1.Status[]) => mastodon.v1.Status[]
buffer?: number
}>()
const { formatNumber } = useHumanReadableNumber()
@ -21,7 +22,7 @@ const showOriginSite = $computed(() =>
</script>
<template>
<CommonPaginator v-bind="{ paginator, stream, preprocess }" :virtual-scroller="virtualScroller">
<CommonPaginator v-bind="{ paginator, stream, preprocess, buffer }" :virtual-scroller="virtualScroller">
<template #updater="{ number, update }">
<button py-4 border="b base" flex="~ col" p-3 w-full text-primary font-bold @click="update">
{{ $t('timeline.show_new_items', number, { named: { v: formatNumber(number) } }) }}

2
components/timeline/TimelinePublic.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts">
const paginator = useMasto().v1.timelines.listPublic()
const paginator = useMasto().v1.timelines.listPublic({ limit: 30 })
const stream = useMasto().v1.stream.streamPublicTimeline()
onBeforeUnmount(() => stream.then(s => s.disconnect()))
</script>

2
components/timeline/TimelinePublicLocal.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts">
const paginator = useMasto().v1.timelines.listPublic({ local: true })
const paginator = useMasto().v1.timelines.listPublic({ limit: 30, local: true })
const stream = useMasto().v1.stream.streamCommunityTimeline()
onBeforeUnmount(() => stream.then(s => s.disconnect()))
</script>