feat(messaging): hide pagination in topics/targets modals

Hide if searching results in 0 results.
This commit is contained in:
Steven Nguyen
2024-02-28 17:24:56 -08:00
committed by Torsten Dittmann
parent 6d2b7d0c8b
commit 7531cf5110
2 changed files with 28 additions and 42 deletions
@@ -145,29 +145,22 @@
</div>
</div>
{:else if search}
<div class="u-flex-vertical u-gap-8">
<EmptySearch hidePagination>
<div class="common-section">
<div class="u-text-center common-section">
<b class="body-text-2 u-bold"
>Sorry we couldn't find "{search}"</b>
<p>There are no topics that match your search.</p>
</div>
<div class="u-flex u-gap-16 common-section u-main-center">
<Button
external
href="https://appwrite.io/docs/products/messaging/topics"
text>Documentation</Button>
<Button secondary on:click={() => (search = '')}
>Clear search</Button>
</div>
<EmptySearch hidePagination>
<div class="common-section">
<div class="u-text-center common-section">
<b class="body-text-2 u-bold">Sorry we couldn't find "{search}"</b>
<p>There are no topics that match your search.</p>
</div>
<div class="u-flex u-gap-16 common-section u-main-center">
<Button
external
href="https://appwrite.io/docs/products/messaging/topics"
text>Documentation</Button>
<Button secondary on:click={() => (search = '')}
>Clear search</Button>
</div>
</EmptySearch>
<div class="u-flex u-main-space-between u-cross-center">
<p class="text">Total results: {totalResults}</p>
<PaginationInline limit={5} bind:offset sum={totalResults} hidePages />
</div>
</div>
</EmptySearch>
{:else}
<EmptySearch hidePagination>
<div class="common-section">
@@ -226,29 +226,22 @@
</div>
</div>
{:else if search}
<div class="u-flex-vertical u-gap-8">
<EmptySearch hidePagination>
<div class="common-section">
<div class="u-text-center common-section">
<b class="body-text-2 u-bold"
>Sorry we couldn't find "{search}"</b>
<p>There are no Users that match your search.</p>
</div>
<div class="u-flex u-gap-16 common-section u-main-center">
<Button
external
href="https://appwrite.io/docs/products/auth/accounts"
text>Documentation</Button>
<Button secondary on:click={() => (search = '')}
>Clear search</Button>
</div>
<EmptySearch hidePagination>
<div class="common-section">
<div class="u-text-center common-section">
<b class="body-text-2 u-bold">Sorry we couldn't find "{search}"</b>
<p>There are no Users that match your search.</p>
</div>
<div class="u-flex u-gap-16 common-section u-main-center">
<Button
external
href="https://appwrite.io/docs/products/auth/accounts"
text>Documentation</Button>
<Button secondary on:click={() => (search = '')}
>Clear search</Button>
</div>
</EmptySearch>
<div class="u-flex u-main-space-between u-cross-center">
<p class="text">Total results: {totalResults}</p>
<PaginationInline limit={5} bind:offset sum={totalResults} hidePages />
</div>
</div>
</EmptySearch>
{:else}
<EmptySearch hidePagination>
<div class="common-section">