Merge pull request #14160 from bbc/WS-2878-key-events-translations

[WS-2878] - Add Key Events translations

Author: hotinglok

src/app/components-webcore/SportDataHeader/head-to-head-v2/components/actions.tsx

@@ -13,7 +13,7 @@ interface ActionsProps {
 
 export const Actions = ({ data }: ActionsProps) => {
   const { translations } = use(ServiceContext);
-
+  const sportTranslations = translations?.sport;
   const homeKeyEvents = data.home?.actions || [];
   const awayKeyEvents = data.away?.actions || [];
 
@@ -29,14 +29,15 @@ export const Actions = ({ data }: ActionsProps) => {
           awayName={data.away.fullName}
           homeRunningScores={data.home.runningScores}
           awayRunningScores={data.away.runningScores}
-          translations={translations?.sport}
+          translations={sportTranslations}
         />
         {hasKeyEvents && (
           <KeyEvents
             homeKeyEvents={homeKeyEvents}
             awayKeyEvents={awayKeyEvents}
             homeName={data.home.fullName}
             awayName={data.away.fullName}
+            keyEventsTitle={sportTranslations?.keyEventsTitle}
           />
         )}
       </ActionGrid>

src/app/components-webcore/SportDataHeader/head-to-head-v2/components/key-events.tsx

@@ -9,23 +9,29 @@ interface KeyEventsProps {
   awayKeyEvents: PlayerActions[];
   homeName: string;
   awayName: string;
+  keyEventsTitle?: string;
 }
 
 export const KeyEvents = ({
   homeKeyEvents,
   awayKeyEvents,
   homeName,
   awayName,
-}: KeyEventsProps) => (
-  <>
-    <VisuallyHiddenText as="h3">Key Events</VisuallyHiddenText>
-    <div css={styles.keyEventsHome}>
-      <VisuallyHiddenText as="h4">{homeName}</VisuallyHiddenText>
-      <Action contestantActions={homeKeyEvents} alignment="home" />
-    </div>
-    <div css={styles.keyEventsAway}>
-      <VisuallyHiddenText as="h4">{awayName}</VisuallyHiddenText>
-      <Action contestantActions={awayKeyEvents} alignment="away" />
-    </div>
-  </>
-);
+  keyEventsTitle,
+}: KeyEventsProps) => {
+  const title = keyEventsTitle || 'Key Events';
+
+  return (
+    <>
+      <VisuallyHiddenText as="h3">{title}</VisuallyHiddenText>
+      <div css={styles.keyEventsHome}>
+        <VisuallyHiddenText as="h4">{homeName}</VisuallyHiddenText>
+        <Action contestantActions={homeKeyEvents} alignment="home" />
+      </div>
+      <div css={styles.keyEventsAway}>
+        <VisuallyHiddenText as="h4">{awayName}</VisuallyHiddenText>
+        <Action contestantActions={awayKeyEvents} alignment="away" />
+      </div>
+    </>
+  );
+};

src/app/lib/config/services/afaanoromoo.ts

@@ -307,6 +307,7 @@ export const service: DefaultServiceConfig = {
       featuresAnalysisTitle: `Maaltu haasa'ama?`,
       latestMediaTitle: 'Haaraa',
       sport: {
+        keyEventsTitle: 'Taateewwan Ijoo',
         matchSummary: 'Cuunfaa Taphaa',
         assists: 'Gargaarsota',
         penalties: 'Penaaltii',

src/app/lib/config/services/afrique.ts

@@ -314,6 +314,7 @@ export const service: DefaultServiceConfig = {
       topStoriesTitle: 'À la une',
       featuresAnalysisTitle: 'Le choix de la rédaction',
       sport: {
+        keyEventsTitle: 'Faits marquants',
         matchSummary: 'Résumé du match',
         assists: 'Passes décisives',
         penalties: 'Tirs au but',

src/app/lib/config/services/amharic.ts

@@ -357,6 +357,7 @@ export const service: DefaultServiceConfig = {
         closedDescription: 'ይህ የተዘጋው {{date}} ነው።',
       },
       sport: {
+        keyEventsTitle: 'አስፈላጊ ክስተቶች',
         matchSummary: 'የጨዋታ ማጠቃለያ',
         assists: 'አስተላላፊ አግባብ',
         penalties: 'ፔናልቲ',

src/app/lib/config/services/arabic.ts

@@ -365,6 +365,7 @@ export const service: DefaultServiceConfig = {
         closedDescription: 'أغلق باب المشاركة يوم {{date}}.',
       },
       sport: {
+        keyEventsTitle: 'الأحداث الرئيسية',
         matchSummary: 'ملخص المباراة',
         assists: 'تمريرات حاسمة',
         penalties: 'العقوبات',

src/app/lib/config/services/azeri.ts

@@ -328,6 +328,7 @@ export const service: DefaultServiceConfig = {
         privacyPolicyLinkText: 'Məxfilik siyasətimizi',
       },
       sport: {
+        keyEventsTitle: 'Əsas hadisələr',
         matchSummary: 'Matçın xülasəsi',
         assists: 'Asistlər',
         penalties: 'Penaltilər',

src/app/lib/config/services/bengali.ts

@@ -307,6 +307,7 @@ export const service: DefaultServiceConfig = {
       featuresAnalysisTitle: 'নির্বাচিত খবর',
       latestMediaTitle: 'সর্বশেষ',
       sport: {
+        keyEventsTitle: 'গুরুত্বপূর্ণ ঘটনা',
         matchSummary: 'ম্যাচের সারসংক্ষেপ',
         assists: 'অ্যাসিস্ট',
         penalties: 'পেনাল্টি',

src/app/lib/config/services/burmese.ts

@@ -320,6 +320,7 @@ export const service: DefaultServiceConfig = {
       featuresAnalysisTitle: 'ဆောင်းပါး',
       latestMediaTitle: 'နောက်ဆုံးရ',
       sport: {
+        keyEventsTitle: 'အဓိကဖြစ်ရပ်များ',
         matchSummary: 'ပွဲအကျဉ်းချုပ်',
         assists: 'ဂိုးဖန်တီးမှုများ',
         penalties: 'ပင်နယ်တီး',

src/app/lib/config/services/dari.ts

@@ -367,6 +367,7 @@ export const service: DefaultServiceConfig = {
         closedDescription: 'امکان ارسال در {{date}} تمام شد.',
       },
       sport: {
+        keyEventsTitle: 'رویدادهای مهم',
         matchSummary: 'خلاصه مسابقه',
         assists: 'پاس گل',
         penalties: 'پنالتی',