add translations for DatasetInfo.tsx and DatasetVersions.tsx

Signed-off-by: Michael Robinson <merobi@gmail.com>

Author: merobi-hub

web/src/components/datasets/DatasetInfo.tsx

@@ -10,7 +10,7 @@ import MqText from '../core/text/MqText'
 import React, { FunctionComponent } from 'react'
 import RunStatus from '../jobs/RunStatus'
 
-const DATASET_COLUMNS = ['NAME', 'TYPE', 'DESCRIPTION']
+// const DATASET_COLUMNS = ['NAME', 'TYPE', 'DESCRIPTION']
 
 interface DatasetInfoProps {
   datasetFields: Field[]
@@ -34,15 +34,25 @@ const DatasetInfo: FunctionComponent<DatasetInfoProps> = props => {
         <Table size='small'>
           <TableHead>
             <TableRow>
-              {DATASET_COLUMNS.map(column => {
-                return (
-                  <TableCell key={column} align='left'>
-                    <MqText subheading inline>
-                      {column}
-                    </MqText>
-                  </TableCell>
-                )
-              })}
+              {/* {DATASET_COLUMNS.map(column => {
+                return ( */}
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_info_columns.name')}
+                </MqText>
+              </TableCell>
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_info_columns.type')}
+                </MqText>
+              </TableCell>
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_info_columns.description')}
+                </MqText>
+              </TableCell>
+                {/* )
+              })} */}
             </TableRow>
           </TableHead>
           <TableBody>

web/src/components/datasets/DatasetVersions.tsx

@@ -47,6 +47,7 @@ const DatasetVersions: FunctionComponent<
   const handleClick = (newValue: SetStateAction<DatasetVersion | null>) => {
     setInfoView(newValue)
   }
+  const i18next = require('i18next')
 
   if (versions.length === 0) {
     return null
@@ -72,15 +73,35 @@ const DatasetVersions: FunctionComponent<
     <Table size='small'>
       <TableHead>
         <TableRow>
-          {DATASET_VERSIONS_COLUMNS.map(column => {
-            return (
-              <TableCell key={column} align='left'>
+          {/* {DATASET_VERSIONS_COLUMNS.map(column => {
+            return ( */}
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_versions_columns.version')}
+                </MqText>
+              </TableCell>
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_versions_columns.created_at')}
+                </MqText>
+              </TableCell>
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_versions_columns.fields')}
+                </MqText>
+              </TableCell>
+              <TableCell align='left'>
+                <MqText subheading inline>
+                  {i18next.t('dataset_versions_columns.created_by_run')}
+                </MqText>
+              </TableCell>
+              <TableCell align='left'>
                 <MqText subheading inline>
-                  {column}
+                  {i18next.t('dataset_versions_columns.lifecycle_state')}
                 </MqText>
               </TableCell>
-            )
-          })}
+            {/* )
+          })} */}
         </TableRow>
       </TableHead>
       <TableBody>

web/src/i18n/config.ts

@@ -87,6 +87,18 @@ i18next
             started_at: 'STARTED AT',
             ended_at: 'ENDED AT',
             duration: 'DURATION'
+          },
+          dataset_info_columns: {
+            name: 'NAME',
+            type: 'TYPE',
+            description: 'DESCRIPTION'
+          },
+          dataset_versions_columns: {
+            version: 'VERSION',
+            created_at: 'CREATED AT',
+            fields: 'FIELDS',
+            created_by_run: 'CREATED BY RUN',
+            lifecycle_state: 'LIFECYCLE STATE'
           }
         }
       },
@@ -161,6 +173,18 @@ i18next
             started_at: 'COMMENCÉ À',
             ended_at: 'TERMINÉ À',
             duration: 'DURÉE'
+          },
+          dataset_info_columns: {
+            name: 'NOM',
+            type: 'TAPER',
+            description: 'DESCRIPTION'
+          },
+          dataset_versions_columns: {
+            version: 'VERSION',
+            created_at: 'CRÉÉ À',
+            fields: 'DOMAINES',
+            created_by_run: 'CRÉÉ PAR RUN',
+            lifecycle_state: 'ÉTAT DU CYCLE DE VIE'
           }
         }
       },
@@ -235,6 +259,18 @@ i18next
             started_at: 'EMPEZÓ A LAS',
             ended_at: 'TERMINÓ EN',
             duration: 'DURACIÓN'
+          },
+          dataset_info_columns: {
+            name: 'NOMBRE',
+            type: 'ESCRIBE',
+            description: 'DESCRIPCIÓN'
+          },
+          dataset_versions_columns: {
+            version: 'VERSIÓN',
+            created_at: 'CREADO EN',
+            fields: 'CAMPOS',
+            created_by_run: 'CREADO POR EJECUTAR',
+            lifecycle_state: 'ESTADO DEL CICLO DE VIDA'
           }
         }
       },
@@ -309,6 +345,18 @@ i18next
             started_at: 'ROZPOCZĘŁO SIĘ O GODZ',
             ended_at: 'ZAKOŃCZONE O GODZ',
             duration: 'TRWANIE'
+          },
+          dataset_info_columns: {
+            name: 'NAZWA',
+            type: 'RODZAJ',
+            description: 'OPIS'
+          },
+          dataset_versions_columns: {
+            version: 'WERSJA',
+            created_at: 'UTWORZONY W',
+            fields: 'KIERUNKI',
+            created_by_run: 'STWORZONY PRZEZ URUCHOM',
+            lifecycle_state: 'STAN CYKLU ŻYCIA'
           }
         }
       }