diff --git a/app/[locale]/(main)/ClientComponents/NetworkChart.tsx b/app/[locale]/(main)/ClientComponents/NetworkChart.tsx index d39c257..0039331 100644 --- a/app/[locale]/(main)/ClientComponents/NetworkChart.tsx +++ b/app/[locale]/(main)/ClientComponents/NetworkChart.tsx @@ -246,12 +246,12 @@ export function NetworkChart({ tickFormatter={(value) => `${value}ms`} /> { return formatTime(payload[0].payload.created_at); }} diff --git a/components/ui/chart.tsx b/components/ui/chart.tsx index 48b4d7e..0cc3d7f 100644 --- a/components/ui/chart.tsx +++ b/components/ui/chart.tsx @@ -178,7 +178,7 @@ const ChartTooltipContent = React.forwardRef<
@@ -238,8 +238,15 @@ const ChartTooltipContent = React.forwardRef<
{item.value && ( - - {item.value.toLocaleString()} + + {typeof item.value === "number" + ? item.value.toFixed(3).toLocaleString() + : item.value} )} diff --git a/lib/utils.ts b/lib/utils.ts index 6df8955..a65328d 100644 --- a/lib/utils.ts +++ b/lib/utils.ts @@ -103,7 +103,7 @@ export function formatTime(timestamp: number): string { const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); - const hours = date.getHours(); + const hours = date.getHours().toString().padStart(2, "0"); const minutes = date.getMinutes().toString().padStart(2, "0"); const seconds = date.getSeconds().toString().padStart(2, "0"); return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;