fix(translation): errors in StudyList and StudyBrowser for es (#3170)

* Fix translations

* Fix errors and es new translations

* Fix errors and es new translations

* Fix errors and es new translations

platform/i18n/src/locales/en-US/SidePanel.json

@@ -0,0 +1,4 @@
+{
+  "Measurements": "Measurements",
+  "Studies": "Studies"
+}

platform/i18n/src/locales/en-US/StudyBrowser.json

@@ -0,0 +1,5 @@
+{
+  "Primary": "Primary",
+  "Recent": "Recent",
+  "All": "All"
+}

platform/i18n/src/locales/en-US/StudyList.json

@@ -1,10 +1,19 @@
 {
   "AccessionNumber": "Accession #",
+  "ClearFilters": "Clear Filters",
+  "Description": "Description",
   "Empty": "Empty",
+  "Instances": "Instances",
   "MRN": "MRN",
+  "NumOfStudiesHiggerThan100Message": "Filter the list to 100 studies or less to enable sorting",
   "Modality": "Modality",
   "PatientName": "Patient Name",
+  "Previous": "< Back",
+  "Page": "Page",
+  "Next": "Next >",
+  "ResultsPerPage": "Results per page",
+  "Studies": "Studies",
   "StudyDate": "Study Date",
   "StudyDescription": "Description",
   "StudyList": "Study List"
-}
+}

platform/i18n/src/locales/en-US/index.js

@@ -5,6 +5,8 @@ import Common from './Common.json';
 import DatePicker from './DatePicker.json';
 import Header from './Header.json';
 import MeasurementTable from './MeasurementTable.json';
+import SidePanel from './SidePanel.json';
+import StudyBrowser from './StudyBrowser.json';
 import StudyList from './StudyList.json';
 import UserPreferencesModal from './UserPreferencesModal.json';
 import ViewportDownloadForm from './ViewportDownloadForm.json';
@@ -18,6 +20,8 @@ export default {
     DatePicker,
     Header,
     MeasurementTable,
+    SidePanel,
+    StudyBrowser,
     StudyList,
     UserPreferencesModal,
     ViewportDownloadForm,

platform/i18n/src/locales/es/AboutModal.json

@@ -0,0 +1,14 @@
+{
+  "Browser": "Navegador",
+  "Build Number": "Número de compilación",
+  "Latest Master Commits": "Últimos Master Commits",
+  "More details": "Más detalles",
+  "Name": "Nombre",
+  "OHIF Viewer - About": "Sobre OHIF Viewer",
+  "OS": "SO",
+  "Report an issue": "Informar un problema",
+  "Repository URL": "URL del repositorio",
+  "Value": "Valor",
+  "Version Information": "Información de la versión",
+  "Visit the forum": "Visita el foro"
+}

platform/i18n/src/locales/es/DatePicker.json

@@ -0,0 +1,5 @@
+{
+  "Clear dates": "Borrar fechas",
+  "End Date": "Fecha fin",
+  "Start Date": "Fecha inicio"
+}

platform/i18n/src/locales/es/SidePanel.json

@@ -0,0 +1,4 @@
+{
+  "Measurements": "Mediciones",
+  "Studies": "Estudios"
+}

platform/i18n/src/locales/es/StudyBrowser.json

@@ -0,0 +1,6 @@
+{
+  "Primary": "Primario",
+  "Recent": "Reciente",
+  "All": "Todos",
+  "Studies": "Estudios"
+}

platform/i18n/src/locales/es/StudyList.json

@@ -1,10 +1,19 @@
 {
-  "AccessionNumber": "Número de Adhesión",
+  "AccessionNumber": "Num. Adhesión",
+  "ClearFilters": "Limpiar filtros",
+  "Description": "Descripción",
   "Empty": "vacío",
+  "Instances": "Instancias",
   "MRN": "MRN",
+  "NumOfStudiesHiggerThan100Message": "Filtre la lista a 100 estudios o menos para habilitar la clasificación",
   "Modality": "Modalidad",
-  "PatientName": "Nombre del paciente",
-  "StudyDate": "Fetcha de estudio",
+  "PatientName": "Nombre paciente",
+  "Previous": "< Anterior",
+  "Page": "Página",
+  "Next": "Siguiente >",
+  "ResultsPerPage": "Resultados por página",
+  "Studies": "Estudios",
+  "StudyDate": "Fecha del estudio",
   "StudyDescription": "Descripción",
-  "StudyList": "Lista de Estudio"
-}
+  "StudyList": "Lista de Estudios"
+}

platform/i18n/src/locales/es/ViewportDownloadForm.json

@@ -0,0 +1,14 @@
+{
+  "emptyFilenameError": "El nombre del fichero no puede ser vacío.",
+  "fileType": "Tipo de fichero",
+  "filename": "Nombre del fichero",
+  "formTitle": "Por favor especifica las dimensiones, nombre del fichero, y el tipo deseado para el fichero generado.",
+  "imageHeight": "Altura de la imagen (px)",
+  "imagePreview": "Preview de la imagen",
+  "imageWidth": "Anchura de la imagen (px)",
+  "keepAspectRatio": "Mantener el ratio de aspecto",
+  "loadingPreview": "Cargando el preview de la imagen...",
+  "minHeightError": "La altura mínima es 100px.",
+  "minWidthError": "La anchura mínima es 100px.",
+  "showAnnotations": "Mostrar las anotaciones"
+}

platform/i18n/src/locales/es/index.js

@@ -1,19 +1,29 @@
+import AboutModal from './AboutModal.json';
 import Buttons from './Buttons.json';
 import CineDialog from './CineDialog.json';
 import Common from './Common.json';
+import DatePicker from './DatePicker.json';
 import Header from './Header.json';
 import MeasurementTable from './MeasurementTable.json';
+import SidePanel from './SidePanel.json';
+import StudyBrowser from './StudyBrowser.json';
 import StudyList from './StudyList.json';
 import UserPreferencesModal from './UserPreferencesModal.json';
+import ViewportDownloadForm from './ViewportDownloadForm.json';
 
 export default {
   es: {
+    AboutModal,
     Buttons,
     CineDialog,
     Common,
+    DatePicker,
     Header,
     MeasurementTable,
+    SidePanel,
+    StudyBrowser,
     StudyList,
     UserPreferencesModal,
+    ViewportDownloadForm,
   },
 };

platform/ui/src/components/SidePanel/SidePanel.tsx

@@ -1,15 +1,15 @@
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Swiper, SwiperSlide } from 'swiper/react';
 import SwiperCore, {
   A11y,
   Controller,
+  Navigation,
   Pagination,
   Scrollbar,
-  Navigation,
 } from 'swiper';
+import { Swiper, SwiperSlide } from 'swiper/react';
 
 import { Button, Icon, IconButton, Tooltip } from '../';
 
@@ -203,7 +203,7 @@ const SidePanel = ({
               />
               {/* Todo: ass secondary label here */}
               <span className="text-primary-active">
-                {tabs.length === 1 && t(tabs[activeTabIndex].label) as string}
+                {tabs.length === 1 && (t(tabs[activeTabIndex].label) as string)}
               </span>
             </Button>
           </div>

platform/ui/src/components/StudyListFilter/StudyListFilter.tsx

@@ -31,7 +31,7 @@ const StudyListFilter = ({
             <div className="flex flex-row justify-between px-12 mb-5">
               <div className="flex flex-row">
                 <Typography variant="h4" className="mr-6 text-primary-light">
-                  {t('Study list')}
+                  {t('StudyList')}
                 </Typography>
               </div>
               <div className="flex flex-row">
@@ -45,7 +45,7 @@ const StudyListFilter = ({
                     startIcon={<Icon name="cancel" />}
                     onClick={clearFilters}
                   >
-                    {t('Clear filters')}
+                    {t('ClearFilters')}
                   </Button>
                 )}
                 <Typography
@@ -84,7 +84,7 @@ const StudyListFilter = ({
           <div className="container m-auto">
             <div className="py-1 text-base text-center rounded-b bg-primary-main">
               <p className="text-white">
-                {t('Filter list to 100 studies or less to enable sorting')}
+                {t('NumOfStudiesHiggerThan100Message')}
               </p>
             </div>
           </div>

platform/ui/src/components/StudyListPagination/StudyListPagination.tsx

@@ -47,13 +47,13 @@ const StudyListPagination = ({
               onChange={onSelectedRange}
             />
             <Typography className="text-base opacity-60">
-              {t('Results per page')}
+              {t('ResultsPerPage')}
             </Typography>
           </div>
           <div className="">
             <div className="flex items-center">
               <Typography className="opacity-60 mr-4 text-base">
-                Page {currentPage}
+                {t('Page')} {currentPage}
               </Typography>
               <ButtonGroup>
                 <Button
@@ -74,7 +74,7 @@ const StudyListPagination = ({
                   variant="outlined"
                   onClick={() => navigateToPage(currentPage - 1)}
                 >
-                  {t(`< Previous`)}
+                  {t('Previous')}
                 </Button>
                 <Button
                   size="initial"
@@ -84,7 +84,7 @@ const StudyListPagination = ({
                   variant="outlined"
                   onClick={() => navigateToPage(currentPage + 1)}
                 >
-                  {t(`Next >`)}
+                  {t('Next')}
                 </Button>
               </ButtonGroup>
             </div>

platform/viewer/src/routes/WorkList/filtersMeta.js

@@ -1,7 +1,7 @@
 const filtersMeta = [
   {
     name: 'patientName',
-    displayName: 'Patient Name',
+    displayName: 'PatientName',
     inputType: 'Text',
     isSortable: true,
     gridCol: 4,
@@ -15,14 +15,14 @@ const filtersMeta = [
   },
   {
     name: 'studyDate',
-    displayName: 'Study date',
+    displayName: 'StudyDate',
     inputType: 'DateRange',
     isSortable: true,
     gridCol: 5,
   },
   {
     name: 'description',
-    displayName: 'Description',
+    displayName: 'StudyDescription',
     inputType: 'Text',
     isSortable: true,
     gridCol: 4,
@@ -110,7 +110,7 @@ const filtersMeta = [
   },
   {
     name: 'accession',
-    displayName: 'Accession',
+    displayName: 'AccessionNumber',
     inputType: 'Text',
     isSortable: true,
     gridCol: 3,