Skip to content

[area:shadcn] header & sidebar — swap navbar/btn-ghost to shadcn Button #50

Description

@fray-cloud

Scope

  • apps/web/src/new-component/header/**
  • any shared sidebar/nav component referenced by Header
  • daisyUI classes touched: navbar, btn, btn-ghost

Acceptance

  • npx nx affected -t lint test build green
  • Header source contains zero daisyUI classes (grep clean in touched files)
  • No btn + Button mixed usage inside any touched file
  • Visual parity verified manually on nx serve web
  • daisyUI plugin still enabled globally (other pages still use it)

Depends on

Research

Risk

med — header is on every page; visual regressions are user-visible.

Steps

  1. Replace navbar layout with a flex container composed of shadcn Button + lucide-react icons.
  2. Map btn-ghost<Button variant="ghost">; map plain btn<Button>.
  3. Keep existing routing Link behavior via shadcn Button asChild.
  4. Remove all daisyUI 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