From 59c4af5db6bcf30a7c90fd08e140704315ee9de1 Mon Sep 17 00:00:00 2001
From: Randall Stillwell <me@randallstillwell.com>
Date: Wed, 11 Mar 2026 18:40:29 -0500
Subject: [PATCH] Show placeholder text in filter dropdowns instead of __all__

Pass null instead of "__all__" as the Select value when no filter is
active, so the placeholder text (Visit Type, Attendance, Service) is
displayed by the base-ui SelectValue component.

Made-with: Cursor
---
 src/components/cards/filters.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/filters.tsx b/src/components/cards/filters.tsx
index aba1e1f..bb45573 100644
--- a/src/components/cards/filters.tsx
+++ b/src/components/cards/filters.tsx
@@ -85,7 +85,7 @@ export function Filters({
 
         <div className="flex items-center gap-2 overflow-x-auto">
           <Select
-            value={visitType || "__all__"}
+            value={visitType || null}
             onValueChange={(v: string | null) =>
               updateParams({ visitType: !v || v === "__all__" ? undefined : v })
             }
@@ -104,7 +104,7 @@ export function Filters({
           </Select>
 
           <Select
-            value={attendanceDuration || "__all__"}
+            value={attendanceDuration || null}
             onValueChange={(v: string | null) =>
               updateParams({
                 attendanceDuration: !v || v === "__all__" ? undefined : v,
@@ -125,7 +125,7 @@ export function Filters({
           </Select>
 
           <Select
-            value={serviceAttended || "__all__"}
+            value={serviceAttended || null}
             onValueChange={(v: string | null) =>
               updateParams({
                 serviceAttended: !v || v === "__all__" ? undefined : v,