Files
console/src/lib/components/emptySearch.svelte
T
2025-04-14 16:07:43 +02:00

33 lines
1.0 KiB
Svelte
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<script lang="ts">
import PaginationInline from './paginationInline.svelte';
import { Card, Empty, Layout } from '@appwrite.io/pink-svelte';
export let hidePagination = false;
export let hidePages = false;
export let target = '';
export let search = '';
</script>
<Layout.Stack gap="l">
<Card.Base padding="none">
<Empty
title={`Sorry, we couldn't find ${search ? `${search}` : `any ${target}`}`}
description={`There are no ${target} that match your search.`}
type="secondary">
<svelte:fragment slot="actions">
<slot />
</svelte:fragment>
</Empty>
</Card.Base>
{#if !hidePagination}
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center"
wrap="wrap">
<p class="text">Total results: 0</p>
<PaginationInline limit={1} offset={0} total={0} {hidePages} />
</Layout.Stack>
{/if}
</Layout.Stack>