diff options
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/FilterBar.tsx | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/app/components/FilterBar.tsx b/app/components/FilterBar.tsx index fd7be72..7b8ca0c 100644 --- a/app/components/FilterBar.tsx +++ b/app/components/FilterBar.tsx @@ -63,6 +63,21 @@ export default function FilterBar({ venues, defaultDateFrom, defaultDateTo }: Pr /> </div> + {/* Capacity */} + <div className="flex flex-col gap-1"> + <label className="text-xs text-gray-400">キャパシティ</label> + <select + name="capacity_range" + defaultValue={searchParams.get("capacity_range") ?? ""} + className="rounded-md bg-gray-800 border border-gray-700 px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500" + > + <option value="">すべて</option> + <option value="small">〜100人（小箱）</option> + <option value="medium">100〜300人（中箱）</option> + <option value="large">300人〜（大箱）</option> + </select> + </div> + <button type="submit" className="rounded-md bg-gray-700 px-4 py-1.5 text-sm font-medium hover:bg-gray-600 transition-colors" @@ -83,5 +98,5 @@ export default function FilterBar({ venues, defaultDateFrom, defaultDateTo }: Pr } function hasFilters(params: URLSearchParams): boolean { - return ["keyword", "venue_id", "date_from", "date_to"].some((k) => params.get(k)); + return ["keyword", "venue_id", "date_from", "date_to", "capacity_range"].some((k) => params.get(k)); } |