Hide duplicate counter in pagination when search bar is present
All checks were successful
Build Docker Image / build (push) Successful in 5m27s
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:
@@ -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<{
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user