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 BarMetricChart from '@/Pages/Metric/BarMetricChart';
import MetricMeasure from '@/Pages/Metric/MetricMeasure';
import MetricSummaryCard from '@/Pages/Metric/MetricSummaryCard';
import { AggregatedMetricData, Step, User } from '@/types';
import { Head, router, usePage } from '@inertiajs/react';
import dayjs, { Dayjs } from 'dayjs';
import { useState } from 'react';
interface MetricDetailProps {
measures: Step[];
metricName: string;
patient: User;
measuresByHour: AggregatedMetricData[];
}
export default function StepsMetricDetail({
measures,
measuresByHour,
metricName,
patient,
}: 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('steps.detail', { patient: patient.id }),
{
date: dateString,
},
{
preserveState: true,
preserveScroll: true,
replace: true, // Prevent duplicate history entries
},
);
};
const backLinkLabel =
patient.id === user.id
? 'Dashboard'
: `${patient.name} ${patient.surname}`;
const data = measuresByHour.map((measure) => {
return {
date: dayjs(measure.date).format('HH:mm'),
value: measure.sum,
};
});
const total = measures.reduce((sum, measure) => sum + measure.value, 0);
return (
Passi
Monitorare i passi ti aiuta a mantenere
uno stile di vita attivo e sano.
Camminare regolarmente migliora la
salute del cuore, aiuta a gestire il
peso e riduce lo stress.