Fix filtering on booleans

Author: stnguyen90

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,11 @@
             <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}