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

style(paciente): padronizar fonte e tamanho dos rótulos e números nos cards do dashboard

Browse Source
This commit is contained in:
Jonas Francisco 2025-10-30 18:59:09 -03:00
commit 75a87b895a
1 changed files with 57 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -749,6 +749,60 @@ export default function PacientePage() {
const [loadingReports, setLoadingReports] = useState(false)
const [reportsError, setReportsError] = useState<string | null>(null)
const [reportDoctorName, setReportDoctorName] = useState<string | null>(null)
const [doctorsMap, setDoctorsMap] = useState<Record<string, any>>({})
// Helper to derive a human-friendly title for a report/laudo
const reportTitle = (rep: any, preferDoctorName?: string | null) => {
if (!rep) return 'Laudo'
// prefer a resolved doctor name when we have a map
try {
const maybeId = rep?.doctor_id ?? rep?.created_by ?? rep?.doctor ?? null
if (maybeId) {
const doc = doctorsMap[String(maybeId)]
if (doc) {
const name = doc.full_name || doc.name || doc.fullName || doc.doctor_name || null
if (name) return String(name)
}
}
} catch (e) {
// ignore
}
// Try common fields that may contain the doctor's/author name first
const tryKeys = [
'doctor_name', 'doctor_full_name', 'doctorFullName', 'doctorName',
'requested_by_name', 'requested_by', 'requester_name', 'requester',
'created_by_name', 'created_by', 'executante', 'executante_name',
'title', 'name', 'report_name', 'report_title'
]
for (const k of tryKeys) {
const v = rep[k]
if (v !== undefined && v !== null && String(v).trim() !== '') return String(v)
}
if (preferDoctorName) return preferDoctorName
return 'Laudo'
}
// When reports are loaded, try to resolve doctor records for display
useEffect(() => {
let mounted = true
if (!reports || !Array.isArray(reports) || reports.length === 0) return
;(async () => {
try {
const ids = Array.from(new Set(reports.map((r: any) => r.doctor_id || r.created_by || r.doctor).filter(Boolean).map(String)))
if (ids.length === 0) return
const docs = await buscarMedicosPorIds(ids).catch(() => [])
if (!mounted) return
const map: Record<string, any> = {}
for (const d of docs || []) {
if (d && d.id !== undefined && d.id !== null) map[String(d.id)] = d
}
setDoctorsMap(map)
} catch (e) {
// ignore resolution errors
}
})()
return () => { mounted = false }
}, [reports])
useEffect(() => {
let mounted = true
@ -808,11 +862,11 @@ export default function PacientePage() {
<div className="text-center py-8 text-red-600">{reportsError}</div>
) : (!reports || reports.length === 0) ? (
<div className="text-center py-8 text-muted-foreground">Nenhum laudo encontrado para este paciente.</div>
) : (
) : (
reports.map((r) => (
<div key={r.id || JSON.stringify(r)} className="flex flex-col md:flex-row md:items-center md:justify-between bg-muted rounded p-4">
<div>
<div className="font-medium text-foreground">{r.title || r.name || r.report_name || 'Laudo'}</div>
<div className="font-medium text-foreground">{reportTitle(r)}</div>
<div className="text-sm text-muted-foreground">Data: {new Date(r.report_date || r.created_at || Date.now()).toLocaleDateString('pt-BR')}</div>
</div>
<div className="flex gap-2 mt-2 md:mt-0">
@ -832,7 +886,7 @@ export default function PacientePage() {
{selectedReport && (
<>
<div className="mb-2">
<div className="font-semibold text-lg">{selectedReport.title || selectedReport.name || 'Laudo'}</div>
<div className="font-semibold text-lg">{reportTitle(selectedReport, reportDoctorName)}</div>
<div className="text-sm text-muted-foreground">Data: {new Date(selectedReport.report_date || selectedReport.created_at || Date.now()).toLocaleDateString('pt-BR')}</div>
{reportDoctorName && <div className="text-sm text-muted-foreground">Profissional: <strong className="text-foreground">{reportDoctorName}</strong></div>}
</div>