diff --git a/web/src/components/StatisticsView/MonthNavigator.tsx b/web/src/components/StatisticsView/MonthNavigator.tsx index f9ac48ab5..2175a47f0 100644 --- a/web/src/components/StatisticsView/MonthNavigator.tsx +++ b/web/src/components/StatisticsView/MonthNavigator.tsx @@ -4,11 +4,10 @@ import { memo, useCallback, useMemo, useState } from "react"; import { YearCalendar } from "@/components/ActivityCalendar"; import { Button } from "@/components/ui/button"; import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/components/ui/dialog"; -import i18n from "@/i18n"; import { addMonths, formatMonth, getMonthFromDate, getYearFromDate, setYearAndMonth } from "@/lib/calendar-utils"; import type { MonthNavigatorProps } from "@/types/statistics"; -export const MonthNavigator = memo(({ visibleMonth, onMonthChange, activityStats }: MonthNavigatorProps) => { +export const MonthNavigator = memo(({ visibleMonth, onMonthChange, activityStats, language }: MonthNavigatorProps) => { const [isOpen, setIsOpen] = useState(false); const { currentMonth, currentYear, currentMonthNum } = useMemo( @@ -20,7 +19,7 @@ export const MonthNavigator = memo(({ visibleMonth, onMonthChange, activityStats [visibleMonth], ); - const monthLabel = useMemo(() => currentMonth.toLocaleString(i18n.language, { year: "numeric", month: "long" }), [currentMonth]); + const monthLabel = useMemo(() => currentMonth.toLocaleString(language, { year: "numeric", month: "long" }), [currentMonth, language]); const handlePrevMonth = useCallback(() => onMonthChange(addMonths(visibleMonth, -1)), [visibleMonth, onMonthChange]); const handleNextMonth = useCallback(() => onMonthChange(addMonths(visibleMonth, 1)), [visibleMonth, onMonthChange]); diff --git a/web/src/components/StatisticsView/StatisticsView.tsx b/web/src/components/StatisticsView/StatisticsView.tsx index 62e135186..ae045aaaf 100644 --- a/web/src/components/StatisticsView/StatisticsView.tsx +++ b/web/src/components/StatisticsView/StatisticsView.tsx @@ -2,6 +2,7 @@ import dayjs from "dayjs"; import { useMemo, useState } from "react"; import { MonthCalendar } from "@/components/ActivityCalendar"; import { useDateFilterNavigation } from "@/hooks"; +import i18n from "@/i18n"; import type { StatisticsData } from "@/types/statistics"; import { MonthNavigator } from "./MonthNavigator"; @@ -22,7 +23,12 @@ const StatisticsView = (props: Props) => { return (