From 3790e105e5ac1bf4f9485853f10f1a0854fe3677 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Fern=C3=A1ndez?= <laura.fernandez@grafana.com>
Date: Tue, 8 Nov 2022 15:56:19 +0100
Subject: [PATCH] Internationalization: Translate TimePickerFooter component
 (#58390)

---
 .../TimeRangePicker/TimePickerFooter.tsx        | 17 ++++++++++++-----
 public/locales/de-DE/grafana.json               |  7 +++++++
 public/locales/en-US/grafana.json               |  7 +++++++
 public/locales/es-ES/grafana.json               |  7 +++++++
 public/locales/fr-FR/grafana.json               |  7 +++++++
 public/locales/pseudo-LOCALE/grafana.json       |  7 +++++++
 public/locales/zh-Hans/grafana.json             |  7 +++++++
 7 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx
index 4fec8509c07..471625df5a6 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx
@@ -7,6 +7,7 @@ import { selectors } from '@grafana/e2e-selectors';
 
 import { Field, RadioButtonGroup, Select } from '../..';
 import { stylesFactory, useTheme2 } from '../../../themes';
+import { t, Trans } from '../../../utils/i18n';
 import { Button } from '../../Button';
 import { TimeZonePicker } from '../TimeZonePicker';
 import { TimeZoneDescription } from '../TimeZonePicker/TimeZoneDescription';
@@ -58,7 +59,10 @@ export const TimePickerFooter: FC<Props> = (props) => {
 
   return (
     <div>
-      <section aria-label="Time zone selection" className={style.container}>
+      <section
+        aria-label={t('time-picker.footer.time-zone-selection', 'Time zone selection')}
+        className={style.container}
+      >
         <div className={style.timeZoneContainer}>
           <div className={style.timeZone}>
             <TimeZoneTitle title={info.name} />
@@ -69,7 +73,7 @@ export const TimePickerFooter: FC<Props> = (props) => {
         </div>
         <div className={style.spacer} />
         <Button variant="secondary" onClick={onToggleChangeTimeSettings} size="sm">
-          Change time settings
+          <Trans i18nKey="time-picker.footer.change-settings-button">Change time settings</Trans>
         </Button>
       </section>
       {isEditing ? (
@@ -78,8 +82,8 @@ export const TimePickerFooter: FC<Props> = (props) => {
             <RadioButtonGroup
               value={editMode}
               options={[
-                { label: 'Time zone', value: 'tz' },
-                { label: 'Fiscal year', value: 'fy' },
+                { label: t('time-picker.footer.time-zone-option', 'Time zone'), value: 'tz' },
+                { label: t('time-picker.footer.fiscal-year-option', 'Fiscal year'), value: 'fy' },
               ]}
               onChange={setEditMode}
             ></RadioButtonGroup>
@@ -106,7 +110,10 @@ export const TimePickerFooter: FC<Props> = (props) => {
               aria-label={selectors.components.TimeZonePicker.containerV2}
               className={cx(style.timeZoneContainer, style.timeSettingContainer)}
             >
-              <Field className={style.fiscalYearField} label={'Fiscal year start month'}>
+              <Field
+                className={style.fiscalYearField}
+                label={t('time-picker.footer.fiscal-year-start', 'Fiscal year start month')}
+              >
                 <Select
                   value={fiscalYearStartMonth}
                   menuShouldPortal={false}
diff --git a/public/locales/de-DE/grafana.json b/public/locales/de-DE/grafana.json
index 1ca184b73ac..541076ad8c5 100644
--- a/public/locales/de-DE/grafana.json
+++ b/public/locales/de-DE/grafana.json
@@ -417,6 +417,13 @@
       "cancel-button": "",
       "select-time": ""
     },
+    "footer": {
+      "change-settings-button": "",
+      "fiscal-year-option": "",
+      "fiscal-year-start": "",
+      "time-zone-option": "",
+      "time-zone-selection": ""
+    },
     "range-content": {
       "apply-button": "",
       "default-error": "",
diff --git a/public/locales/en-US/grafana.json b/public/locales/en-US/grafana.json
index fa73634eaec..bf7d1a02a9b 100644
--- a/public/locales/en-US/grafana.json
+++ b/public/locales/en-US/grafana.json
@@ -417,6 +417,13 @@
       "cancel-button": "Cancel",
       "select-time": "Select a time range"
     },
+    "footer": {
+      "change-settings-button": "Change time settings",
+      "fiscal-year-option": "Fiscal year",
+      "fiscal-year-start": "Fiscal year start month",
+      "time-zone-option": "Time zone",
+      "time-zone-selection": "Time zone selection"
+    },
     "range-content": {
       "apply-button": "Apply time range",
       "default-error": "Please enter a past date or \"now\"",
diff --git a/public/locales/es-ES/grafana.json b/public/locales/es-ES/grafana.json
index 67b1f8720a8..666588f6399 100644
--- a/public/locales/es-ES/grafana.json
+++ b/public/locales/es-ES/grafana.json
@@ -417,6 +417,13 @@
       "cancel-button": "",
       "select-time": ""
     },
+    "footer": {
+      "change-settings-button": "",
+      "fiscal-year-option": "",
+      "fiscal-year-start": "",
+      "time-zone-option": "",
+      "time-zone-selection": ""
+    },
     "range-content": {
       "apply-button": "",
       "default-error": "",
diff --git a/public/locales/fr-FR/grafana.json b/public/locales/fr-FR/grafana.json
index 403844b5bae..a9798396279 100644
--- a/public/locales/fr-FR/grafana.json
+++ b/public/locales/fr-FR/grafana.json
@@ -417,6 +417,13 @@
       "cancel-button": "",
       "select-time": ""
     },
+    "footer": {
+      "change-settings-button": "",
+      "fiscal-year-option": "",
+      "fiscal-year-start": "",
+      "time-zone-option": "",
+      "time-zone-selection": ""
+    },
     "range-content": {
       "apply-button": "",
       "default-error": "",
diff --git a/public/locales/pseudo-LOCALE/grafana.json b/public/locales/pseudo-LOCALE/grafana.json
index a2234c00f60..358aca4534b 100644
--- a/public/locales/pseudo-LOCALE/grafana.json
+++ b/public/locales/pseudo-LOCALE/grafana.json
@@ -417,6 +417,13 @@
       "cancel-button": "Cäʼnčęľ",
       "select-time": "Ŝęľęčŧ ä ŧįmę řäʼnģę"
     },
+    "footer": {
+      "change-settings-button": "Cĥäʼnģę ŧįmę şęŧŧįʼnģş",
+      "fiscal-year-option": "Fįşčäľ yęäř",
+      "fiscal-year-start": "Fįşčäľ yęäř şŧäřŧ mőʼnŧĥ",
+      "time-zone-option": "Ŧįmę žőʼnę",
+      "time-zone-selection": "Ŧįmę žőʼnę şęľęčŧįőʼn"
+    },
     "range-content": {
       "apply-button": "Åppľy ŧįmę řäʼnģę",
       "default-error": "Pľęäşę ęʼnŧęř ä päşŧ đäŧę őř \"ʼnőŵ\"",
diff --git a/public/locales/zh-Hans/grafana.json b/public/locales/zh-Hans/grafana.json
index a12e22c2c50..50a36505735 100644
--- a/public/locales/zh-Hans/grafana.json
+++ b/public/locales/zh-Hans/grafana.json
@@ -417,6 +417,13 @@
       "cancel-button": "",
       "select-time": ""
     },
+    "footer": {
+      "change-settings-button": "",
+      "fiscal-year-option": "",
+      "fiscal-year-start": "",
+      "time-zone-option": "",
+      "time-zone-selection": ""
+    },
     "range-content": {
       "apply-button": "",
       "default-error": "",