Hide duplicate counter in pagination when search bar is present
All checks were successful
Build Docker Image / build (push) Successful in 5m27s

Add hideCounter prop to PaginationLoadMore and use it on hubs page
This commit is contained in:
Ruslan Bakiev
2026-01-14 12:57:58 +07:00
parent 7bd5000dc4
commit 479412d901
2 changed files with 3 additions and 1 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<Stack v-if="total > 0" gap="2" align="center" justify="center"> <Stack v-if="total > 0" gap="2" align="center" justify="center">
<Text tone="muted"> <Text v-if="!hideCounter" tone="muted">
{{ t('common.pagination.showing', { shown, total }) }} {{ t('common.pagination.showing', { shown, total }) }}
</Text> </Text>
<Button <Button
@@ -20,6 +20,7 @@ const props = defineProps<{
total: number total: number
canLoadMore: boolean canLoadMore: boolean
loading?: boolean loading?: boolean
hideCounter?: boolean
}>() }>()
defineEmits<{ defineEmits<{

View File

@@ -66,6 +66,7 @@
:total="total" :total="total"
:can-load-more="canLoadMore" :can-load-more="canLoadMore"
:loading="isLoadingMore" :loading="isLoadingMore"
hide-counter
@load-more="loadMore" @load-more="loadMore"
/> />
</template> </template>