i18n WeekTabs aria-labels (was hardcoded English) using existing A11Y-PREV/NEXT-PAGE keys
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user