Fix filtering on booleans

appwrite · Oct 30, 2023 · 1024034 · 1024034
1 parent d4d9135
commit 1024034
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/lib/components/filters/content.svelte b/src/lib/components/filters/content.svelte
@@ -7,6 +7,7 @@
     import { tags, type Operator, queries } from './store';
     import type { Column } from '$lib/helpers/types';
     import type { Writable } from 'svelte/store';
+    import InputRadio from '$lib/elements/forms/inputRadio.svelte';
 
     export let columns: Writable<Column[]>;
 
@@ -101,6 +102,9 @@
     // This Map is keyed by tags, and has a query as the value
     function addFilter() {
         if (column && operator) {
+            if (column.type === 'boolean') {
+                value = value === 'true';
+            }
             queries.addFilter({ column, operator, value: value ?? '' });
             value = null;
         }
@@ -137,6 +141,21 @@
             <div class="u-margin-block-start-8">
                 {#if column.type === 'integer' || column.type === 'double'}
                     <InputNumber id="value" bind:value placeholder="Enter value" />
+                {:else if column.type === 'boolean'}
+                    <div class="u-flex u-flex-horizontal u-gap-8">
+                        <InputRadio
+                            label="True"
+                            id="value"
+                            bind:group={value}
+                            value="true"
+                            name="value" />
+                        <InputRadio
+                            label="False"
+                            id="value"
+                            bind:group={value}
+                            value="false"
+                            name="value" />
+                    </div>
                 {:else}
                     <InputText id="value" bind:value placeholder="Enter value" />
                 {/if}