RiseUP/riseup-squad20
1
0
Fork 3
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

develop #83

Merged
M-Gabrielly merged 426 commits from develop into main 2025-12-04 04:13:15 +00:00
Conversation 0 Commits 426 Files Changed 170 +9 -7
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 37b3864271 - Show all commits

14
susconecta/app/paciente/page.tsx
View File

@ -482,7 +482,8 @@ export default function PacientePage() {
} }
console.log('[DashboardCards] Especialidades encontradas:', specs) console.log('[DashboardCards] Especialidades encontradas:', specs)
setEspecialidades(specs.length > 0 ? specs.sort() : []) // Ordenação alfabética usando localeCompare para suportar acentuação (português)
setEspecialidades(specs.length > 0 ? specs.sort((a, b) => a.localeCompare(b, 'pt', { sensitivity: 'base' })) : [])
} catch (e) { } catch (e) {
console.error('[DashboardCards] erro ao carregar especialidades', e) console.error('[DashboardCards] erro ao carregar especialidades', e)
if (mounted) setEspecialidades([]) if (mounted) setEspecialidades([])
@ -574,20 +575,21 @@ export default function PacientePage() {
<div className="space-y-3 sm:space-y-4"> <div className="space-y-3 sm:space-y-4">
<p className="text-sm sm:text-base font-semibold opacity-90">Especialidades populares</p> <p className="text-sm sm:text-base font-semibold opacity-90">Especialidades populares</p>
{especialidadesLoading ? ( {especialidadesLoading ? (
<div className="flex gap-2 flex-wrap"> <div className="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 gap-2">
{[1, 2, 3, 4, 5, 6].map((i) => ( {[1, 2, 3, 4, 5, 6].map((i) => (
<div key={i} className="h-10 w-24 bg-white/20 rounded-full animate-pulse"></div> <div key={i} className="h-12 w-full bg-white/20 rounded-full animate-pulse" />
))} ))}
</div> </div>
) : especialidades && especialidades.length > 0 ? ( ) : especialidades && especialidades.length > 0 ? (
<div className="flex flex-wrap gap-2 sm:gap-3"> // Grid responsivo com botões arredondados e tamanho uniforme
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-2 sm:gap-3">
{especialidades.map((esp) => ( {especialidades.map((esp) => (
<button <button
key={esp} key={esp}
onClick={() => handleEspecialidadeClick(esp)} onClick={() => handleEspecialidadeClick(esp)}
className="px-4 sm:px-5 py-2 sm:py-2.5 rounded-full bg-white/20 hover:bg-white/30 text-white font-medium text-xs sm:text-sm transition-colors border border-white/30 whitespace-nowrap" className="w-full min-h-[44px] sm:min-h-[48px] flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 text-white font-medium text-sm transition-colors border border-white/20 px-3 py-2 text-center break-words"
> >
{esp} <span className="leading-tight">{esp}</span>
</button> </button>
))} ))}
</div> </div>

2
susconecta/app/paciente/resultados/ResultadosClient.tsx
View File

@ -687,7 +687,7 @@ export default function ResultadosClient() {
// Paginação local para a lista de médicos // Paginação local para a lista de médicos
const [currentPage, setCurrentPage] = useState(1) const [currentPage, setCurrentPage] = useState(1)
const [itemsPerPage, setItemsPerPage] = useState(100) const [itemsPerPage, setItemsPerPage] = useState(5)
// Resetar para página 1 quando o conjunto de profissionais (filtro) ou itemsPerPage mudar // Resetar para página 1 quando o conjunto de profissionais (filtro) ou itemsPerPage mudar
useEffect(() => { useEffect(() => {