- Compared to the average {group}
+ {t(`stats:dynamics.compared-${group}`)}
-
-
+
+
diff --git a/front/src/features/statistics/features/monthly/Monthly.tsx b/front/src/features/statistics/features/monthly/Monthly.tsx
index 2c3015e8..29cfc0cb 100644
--- a/front/src/features/statistics/features/monthly/Monthly.tsx
+++ b/front/src/features/statistics/features/monthly/Monthly.tsx
@@ -1,4 +1,4 @@
-import { endOfYear, format, startOfYear, getYear, parse } from 'date-fns'
+import { endOfYear, startOfYear, getYear, parse } from 'date-fns'
import { useState, useMemo } from 'react'
import { useMappedState } from 'redux-react-hook'
import { useMedia } from 'use-media'
@@ -16,6 +16,8 @@ import { ControlHeader } from '@front/ui/components/controls/control-header'
import { YearPicker } from '@front/ui/components/form/year-picker'
import { getFirstTransactionDate } from '@front/domain/money/selectors/getFirstTransactionDate'
import { wantUTC } from '@front/helpers/wantUTC'
+import { useTranslation } from '@front/domain/i18n'
+import { translatedMonthTitle } from '@front/helpers/translatedMonthTitle'
const groupBy = GroupBy.Month
@@ -28,6 +30,7 @@ export const Monthly = ({ className, currency }: Props) => {
const firstTransactionDate = useMappedState(getFirstTransactionDate)
const fetching = useMappedState(getStatsDynamicsFetchingStatus)
const isSmall = useMedia({ maxWidth: 768 })
+ const { t } = useTranslation()
const [year, setYear] = useState(getYear(new Date()))
@@ -45,7 +48,7 @@ export const Monthly = ({ className, currency }: Props) => {
return (