import DayNavigator from '@/Components/DayNavigator'; import ExportButton from '@/Components/ExportButton'; import PrintButton from '@/Components/PrintButton'; import { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, } from '@/Components/ui/chart'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import MetricChart from '@/Pages/Metric/MetricChart'; import MetricMeasure from '@/Pages/Metric/MetricMeasure'; import MetricSummaryCard from '@/Pages/Metric/MetricSummaryCard'; import { DynamicBloodPressure, HolterSummary, User } from '@/types'; import { Head, router, usePage } from '@inertiajs/react'; import dayjs, { Dayjs } from 'dayjs'; import { useState } from 'react'; import { Line, LineChart, XAxis, YAxis } from 'recharts'; interface HolterPressorioDetailProps { measures: DynamicBloodPressure[]; summary: HolterSummary; patient: User; availableDates: string[]; filters: { date: string }; } export default function HolterPressorioDetail({ measures, summary, patient, availableDates, filters, }: HolterPressorioDetailProps) { const user = usePage().props.auth.user; const [date, setDate] = useState( filters?.date || dayjs().format('YYYY-MM-DD'), ); const onDateChange = (updatedDate: Dayjs) => { const dateString = dayjs(updatedDate).format('YYYY-MM-DD'); setDate(dateString); router.get( route('holter.detail', { patient: patient.id }), { date: dateString }, { preserveState: true, preserveScroll: true, replace: true }, ); }; const chartConfig: ChartConfig = { systolic: { label: 'Sistolica', color: '#05A7A0' }, diastolic: { label: 'Diastolica', color: '#7dd3d0' }, }; // measures arrive most-recent-first; the chart needs chronological order on the x-axis. const chartData = [...measures] .sort( (a, b) => dayjs(a.measured_at).valueOf() - dayjs(b.measured_at).valueOf(), ) .map((m) => ({ date: dayjs(m.measured_at).format('HH:mm'), systolic: m.systolic, diastolic: m.diastolic, })); const pair = (p: { systolic: number | null; diastolic: number | null }) => p.systolic !== null && p.diastolic !== null ? `${p.systolic}/${p.diastolic} mmHg` : undefined; const backLinkLabel = patient.id === user.id ? 'Dashboard' : `${patient.name} ${patient.surname}`; return (

Holter pressorio

} />

Il Holter pressorio registra automaticamente la pressione a intervalli programmati nell'arco della giornata. Le medie sono distinte tra periodo diurno e notturno (notte 22:00–06:00): un calo della pressione notturna superiore al 10% rispetto al giorno è considerato fisiologico.{' '} {summary.count} misurazioni in questa giornata ({summary.day_count} di giorno,{' '} {summary.night_count} di notte).

Misurazioni

))}

); }