From 38b8ff757b36c58dcd61162757739bde60892b3d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 26 Jul 2025 14:23:02 +0530
Subject: [PATCH] update: show filters anyway.

---
 package.json                                           |  2 +-
 pnpm-lock.yaml                                         | 10 +++++-----
 src/lib/components/columnSelector.svelte               |  4 +++-
 src/lib/components/viewSelector.svelte                 |  4 +++-
 .../collection-[collection]/+page.svelte               |  1 +
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 29effd4a5..159ca6d58 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e0df9cb",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@99ee9f5",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 429364a7d..46009bacb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e0df9cb
-        version: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e0df9cb(svelte@5.25.3)
+        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@99ee9f5
+        version: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@99ee9f5(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -281,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e0df9cb':
-    resolution: {tarball: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e0df9cb}
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@99ee9f5':
+    resolution: {tarball: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@99ee9f5}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3679,7 +3679,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e0df9cb(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@99ee9f5(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
diff --git a/src/lib/components/columnSelector.svelte b/src/lib/components/columnSelector.svelte
index 3f401fcd6..b666b3d20 100644
--- a/src/lib/components/columnSelector.svelte
+++ b/src/lib/components/columnSelector.svelte
@@ -19,12 +19,14 @@
         isCustomCollection = false,
         ui = 'legacy',
         allowNoColumns = false,
+        showAnyway = false,
         children
     }: {
         columns: Writable<Column[]>;
         isCustomCollection?: boolean;
         allowNoColumns?: boolean;
         ui?: 'legacy' | 'new';
+        showAnyway?: boolean;
         children: Snippet<[toggle: () => void, selectedColumnsNumber: number]>;
     } = $props();
 
@@ -178,7 +180,7 @@
 
 <svelte:window on:resize={calcMaxHeight} />
 
-{#if $columns?.length}
+{#if $columns?.length || showAnyway}
     {@const placement = isNewStyle ? 'bottom-start' : 'bottom-end'}
     <Popover let:toggle {placement} padding="none">
         {@render children(toggle, selectedColumnsNumber)}
diff --git a/src/lib/components/viewSelector.svelte b/src/lib/components/viewSelector.svelte
index e67f5173d..26fe7670c 100644
--- a/src/lib/components/viewSelector.svelte
+++ b/src/lib/components/viewSelector.svelte
@@ -15,15 +15,17 @@
     export let hideView = false;
     export let hideColumns = false;
     export let allowNoColumns = false;
+    export let showAnyway = false;
 </script>
 
 {#if !hideColumns && view === View.Table}
-    <ColumnSelector {columns} {isCustomCollection} {allowNoColumns} {ui}>
+    <ColumnSelector {columns} {isCustomCollection} {allowNoColumns} {ui} {showAnyway}>
         {#snippet children(toggle, selectedColumnsNumber)}
             <Button.Button
                 size="s"
                 icon={onlyIcon}
                 variant="secondary"
+                disabled={!$columns.length && showAnyway}
                 badge={onlyIcon ? undefined : selectedColumnsNumber.toString()}
                 on:click={toggle}>
                 <Icon slot="start" icon={IconViewBoards} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index bce09211e..5daaacd32 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -105,6 +105,7 @@
                         view={data.view}
                         {columns}
                         hideView
+                        showAnyway
                         isCustomCollection />
 
                     <Filters