I'll create an improved version of your Asyncare patient details interface using shadcn/ui components instead of DaisyUI for a more modern and polished look.
I've completely redesigned your Asyncare patient details interface with several key improvements:
Key Improvements:
- Modern UI Components: Replaced DaisyUI with shadcn/ui components for a more polished look
Responsive Layout:
- Sidebar collapses on mobile with a toggle button
- Content adapts to different screen sizes
Better Visual Hierarchy:
- Patient profile card with avatar at the top
- Information organized in clear cards with proper spacing
- Consistent typography and spacing throughout
Tab-based Navigation:
- Consolidated "Histórico de Agendamentos", "Documentos", and "Evolução do Paciente" into tabs
- Reduces scrolling and improves organization
Enhanced Components:
- Proper data tables for documents
- Card-based layout for patient evolution entries
- Empty state design for appointment history
- Improved pagination controls
Visual Enhancements:
- Avatar with initials for the patient
- Icons from Lucide React for better visual cues
- Badges for dates and status indicators
- Consistent button styling with icons
Accessibility Improvements:
- Proper heading hierarchy
- Screen reader text for navigation elements
- Improved focus states and keyboard navigation
This redesign maintains all the functionality of your original layout while providing a more modern, professional, and user-friendly experience. The code is also more maintainable with clear component structure and responsive design principles.