Skip to content

[area:shadcn] search — AnimalCard, progress loader, Form button #52

Description

@fray-cloud

Scope

  • apps/web/src/new-site/search/**AnimalCard, progress loader, submit button
  • daisyUI classes touched: card*, progress, progress-primary, btn, btn-primary

Acceptance

  • npx nx affected -t lint test build green
  • AnimalCard source contains zero daisyUI classes
  • Loader uses shadcn Progress
  • Form submit uses shadcn Button
  • Select filters remain daisyUI in this PR (handled by next child)
  • No mixed usage inside any touched file

Depends on

Research

Risk

med — search is the primary feature; visual parity matters.

Steps

  1. Refactor AnimalCard to Card* composition.
  2. Replace progress progress-primary with <Progress value={...} />.
  3. Replace form submit btn btn-primary with <Button type="submit">.
  4. Leave select select-bordered untouched (next child handles it).
  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