diff --git a/src/lib/components/emptyFilter.svelte b/src/lib/components/emptyFilter.svelte new file mode 100644 index 0000000000..5515fbdd10 --- /dev/null +++ b/src/lib/components/emptyFilter.svelte @@ -0,0 +1,26 @@ + + + +
+
+ Sorry, we couldn't find any {resource}. +

There are no {resource} that match your filters.

+
+
+ +
+
+
diff --git a/src/lib/components/filters/content.svelte b/src/lib/components/filters/content.svelte index 6da14dcc69..1f6717663c 100644 --- a/src/lib/components/filters/content.svelte +++ b/src/lib/components/filters/content.svelte @@ -118,10 +118,12 @@
({ - label: c.title, - value: c.id - }))} + options={$columns + .filter((c) => c.filter !== false) + .map((c) => ({ + label: c.title, + value: c.id + }))} placeholder="Select column" bind:value={columnId} /> import { page } from '$app/stores'; import { Empty, EmptySearch, Heading, PaginationWithLimit } from '$lib/components'; - import Filters from '$lib/components/filters/filters.svelte'; - import { hasPageQueries, queries } from '$lib/components/filters/store'; + import { Filters, hasPageQueries, queries } from '$lib/components/filters'; import ViewSelector from '$lib/components/viewSelector.svelte'; import { Button } from '$lib/elements/forms'; import type { ColumnType } from '$lib/helpers/types'; diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts index e020d69d25..22d618aacf 100644 --- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts +++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts @@ -3,7 +3,7 @@ import { getLimit, getPage, getQuery, getView, pageToOffset, View } from '$lib/h import { sdk } from '$lib/stores/sdk'; import { Query } from '@appwrite.io/console'; import type { PageLoad } from './$types'; -import { queries, queryParamToMap } from '$lib/components/filters/store'; +import { queries, queryParamToMap } from '$lib/components/filters'; export const load: PageLoad = async ({ params, depends, url, route }) => { depends(Dependencies.DOCUMENTS); diff --git a/src/routes/console/project-[project]/messaging/+page.svelte b/src/routes/console/project-[project]/messaging/+page.svelte index cecbe8af50..35558ebe46 100644 --- a/src/routes/console/project-[project]/messaging/+page.svelte +++ b/src/routes/console/project-[project]/messaging/+page.svelte @@ -3,6 +3,7 @@ import { page } from '$app/stores'; import { Empty, + EmptyFilter, EmptySearch, FloatingActionBar, Heading, @@ -30,7 +31,7 @@ import MessageStatusPill from './messageStatusPill.svelte'; import CreateMessageDropdown from './createMessageDropdown.svelte'; import ProviderType, { ProviderTypes } from './providerType.svelte'; - import Filters from '$lib/components/filters/filters.svelte'; + import { Filters, hasPageQueries } from '$lib/components/filters'; import FailedModal from './failedModal.svelte'; export let data: PageData; @@ -183,6 +184,8 @@ limit={data.limit} offset={data.offset} total={data.messages.total} /> + {:else if $hasPageQueries} + {:else if data.search && data.search != 'empty'} diff --git a/src/routes/console/project-[project]/messaging/+page.ts b/src/routes/console/project-[project]/messaging/+page.ts index 25c1e1cb89..85eb3722cf 100644 --- a/src/routes/console/project-[project]/messaging/+page.ts +++ b/src/routes/console/project-[project]/messaging/+page.ts @@ -13,7 +13,7 @@ import { messages as data, providersById } from './store'; import type { Message } from './store'; import { Query } from '@appwrite.io/console'; import { sdk } from '$lib/stores/sdk'; -import { queries, queryParamToMap } from '$lib/components/filters/store'; +import { queries, queryParamToMap } from '$lib/components/filters'; export const load: PageLoad = async ({ url, route }) => { const page = getPage(url); diff --git a/src/routes/console/project-[project]/messaging/bubble-tail-dark.svg b/src/routes/console/project-[project]/messaging/bubble-tail-dark.svg new file mode 100644 index 0000000000..b5e7c0ba72 --- /dev/null +++ b/src/routes/console/project-[project]/messaging/bubble-tail-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/routes/console/project-[project]/messaging/bubble-tail-light.svg b/src/routes/console/project-[project]/messaging/bubble-tail-light.svg new file mode 100644 index 0000000000..9dcbbe34f4 --- /dev/null +++ b/src/routes/console/project-[project]/messaging/bubble-tail-light.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/routes/console/project-[project]/messaging/createMessageDropdown.svelte b/src/routes/console/project-[project]/messaging/createMessageDropdown.svelte index 30d297df05..7a596496af 100644 --- a/src/routes/console/project-[project]/messaging/createMessageDropdown.svelte +++ b/src/routes/console/project-[project]/messaging/createMessageDropdown.svelte @@ -11,7 +11,7 @@ export let showCreateDropdown = false; - +