i18n WeekTabs aria-labels (was hardcoded English) using existing A11Y-PREV/NEXT-PAGE keys

This commit is contained in:
2026-04-20 22:07:32 +03:00
parent e8701eb5b7
commit 8679a7ecc7
@@ -10,6 +10,7 @@
import { type FC, useMemo, useState } from "react";
import { useLocale } from "@/i18n/useLocale.js";
import { useTranslation } from "@/i18n/provider.js";
import "./WeekTabs.scss";
const PAGE_SIZE = 7;
@@ -52,6 +53,7 @@ function ymd(d: Date): string {
export const WeekTabs: FC<WeekTabsProps> = ({ selectedMonday, onNavigate }) => {
const { language } = useLocale();
const { t } = useTranslation();
// Angular shows month abbreviated ("13 апр - 19 апр"). Build once
// per locale; the month part comes through in the locale's natural
// short form.
@@ -93,14 +95,14 @@ export const WeekTabs: FC<WeekTabsProps> = ({ selectedMonday, onNavigate }) => {
<nav
className="week-tabs"
data-testid="week-tabs"
aria-label="Schedule weeks"
aria-label={t("SCHEDULE.TITLE")}
>
<button
type="button"
className="week-tabs__nav week-tabs__nav--prev"
disabled={page === 0}
onClick={() => setPage((p) => Math.max(0, p - 1))}
aria-label="Previous week range"
aria-label={t("SHARED.A11Y-PREV-PAGE")}
>
</button>
@@ -126,7 +128,7 @@ export const WeekTabs: FC<WeekTabsProps> = ({ selectedMonday, onNavigate }) => {
className="week-tabs__nav week-tabs__nav--next"
disabled={page >= totalPages - 1}
onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
aria-label="Next week range"
aria-label={t("SHARED.A11Y-NEXT-PAGE")}
>
</button>