Skip to content

[area:shadcn] search Select — Radix Select + rhf Controller #53

Description

@fray-cloud

Scope

  • apps/web/src/new-site/search/** — Sido / Sigungu / Kind filter selects
  • Add apps/web/src/components/ui/select.tsx via npx shadcn@latest add select
  • react-hook-form Controller wrappers around Radix Select
  • daisyUI classes touched: select, select-bordered

Acceptance

  • npx nx affected -t lint test build green
  • All three filter selects use shadcn Select via rhf Controller
  • Cascading Sido → Sigungu behavior preserved (TanStack Query dependency chain unchanged)
  • Touched files contain zero daisyUI classes

Depends on

Research

Risk

med — Radix Select is uncontrolled by default; rhf integration needs Controller with value/onValueChange.

Steps

  1. npx shadcn@latest add select from apps/web.
  2. Wrap each <Select> in rhf Controller, mapping field.valuevalue, field.onChangeonValueChange.
  3. Verify Sido → Sigungu dependent query still invalidates correctly.
  4. Remove all select select-bordered classes from touched files.
  5. npx nx affected -t lint test build.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1Priority 1 - higharea:shadcnRoadmap area: Tailwind/shadcn migration

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions