import DayNavigator from '@/Components/DayNavigator'; import ExportButton from '@/Components/ExportButton'; import PrintButton from '@/Components/PrintButton'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { capitalize, t } from '@/lib/utils'; import LineMetricChart from '@/Pages/Metric/LineMetricChart'; import MetricMeasure from '@/Pages/Metric/MetricMeasure'; import MetricPeriodSummary from '@/Pages/Metric/MetricPeriodSummary'; import MetricSummaryCard from '@/Pages/Metric/MetricSummaryCard'; import { AggregatedMetricData, HeartRate, MetricPeriod, User } from '@/types'; import { Head, router, usePage } from '@inertiajs/react'; import dayjs, { Dayjs } from 'dayjs'; import { useState } from 'react'; interface MetricDetailProps { measures: HeartRate[]; metricName: string; patient: User; availableDates: string[]; period: MetricPeriod | null; measuresByHour: AggregatedMetricData[]; } export default function HeartRateMetricDetail({ measures, measuresByHour, metricName, patient, availableDates, period, }: MetricDetailProps) { const user = usePage().props.auth.user; const now = dayjs(); const { filters } = usePage().props; const [date, setDate] = useState(filters?.date || now.format('YYYY-MM-DD')); const onDateChange = (updatedDate: Dayjs) => { const dateString = dayjs(updatedDate).format('YYYY-MM-DD'); setDate(dateString); // Immediately send search request router.get( route('heart-rate.detail', { patient: patient.id }), { date: dateString, }, { preserveState: true, preserveScroll: true, replace: true, // Prevent duplicate history entries }, ); }; const onRangeChange = (from: Dayjs, to: Dayjs) => { router.get( route('heart-rate.detail', { patient: patient.id }), { from: from.format('YYYY-MM-DD'), to: to.format('YYYY-MM-DD'), }, { preserveState: true, preserveScroll: true, replace: true }, ); }; const periodData = period ? period.data.map((point) => ({ date: dayjs(point.date).format( period.byMonth ? 'MM/YYYY' : 'DD/MM', ), average: point.average, min: point.min, max: point.max, })) : []; const data = measuresByHour.map((measure) => { return { date: dayjs(measure.date).format('HH:mm'), average: measure.average, min: measure.min, max: measure.max, }; }); const ascSortedMeasures = [...measures].sort((a, b) => a.value - b.value); const min = measures.length ? ascSortedMeasures[0].value : null; const max = measures.length ? ascSortedMeasures[ascSortedMeasures.length - 1].value : null; const backLinkLabel = patient.id === user.id ? 'Dashboard' : `${patient.name} ${patient.surname}`; return (

Frequenza cardiaca

{period ? ( ) : (

)}

La frequenza cardiaca indica i battiti del cuore al minuto ed è un segnale importante per valutare il tuo stato di salute. Un valore normale a riposo è tra 60 e 100 bpm: se troppo alta o bassa potrebbe indicare problemi come stress, disidratazione o condizioni cardiache.

{!period && (

Misurazioni

), )}

)}

); }