Claude finished @hkdeman's task —— View job • claude/issue-564-20250724-1832 • Create PR ➔

I've successfully migrated all components to shadcn/ui and created them in a new ux folder as requested.

Todo List:

What was done:

Created new ux folder with all shadcn/ui components
Migrated all components to shadcn/ui equivalents:
- Button → Button (with variants)
- Card → Card (with sub-components)
- Dropdown → Select and DropdownMenu
- Input → Input, Label, Switch, Checkbox
- Table → Table (with sub-components)
- Loading → Skeleton and Spinner
- Search → SearchInput
- Breadcrumbs → Breadcrumb (with sub-components)
- Notifications → Toast (with sub-components)
- Additional components: Tooltip, Alert, Progress, Badge, Avatar
Added shadcn/ui CSS variables to index.css
Created components.json configuration file
Created index.ts for easy imports

Next Steps:

Install dependencies (see frontend/SHADCN_DEPENDENCIES.md):

pnpm add @radix-ui/react-icons @radix-ui/react-label @radix-ui/react-slot @radix-ui/react-dropdown-menu @radix-ui/react-select @radix-ui/react-switch @radix-ui/react-checkbox @radix-ui/react-toast @radix-ui/react-tooltip @radix-ui/react-progress @radix-ui/react-avatar class-variance-authority clsx lucide-react

Update imports throughout the codebase to use the new components from @/ux
Test all components to ensure they work correctly
Adjust any custom styling as needed

[FR] - Move all the components to ShaCDN #564

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions