diff --git a/src/Language/LanguageStrings.js b/src/Language/LanguageStrings.js index 937ccd0..a9682b9 100644 --- a/src/Language/LanguageStrings.js +++ b/src/Language/LanguageStrings.js @@ -4,8 +4,10 @@ const languageStrings = { en: { // Common and: 'and', - on: 'on', copy: 'copy', + date: 'date', + on: 'on', + name: 'name', // Titles japanese: 'Japanese', radio_amateur: 'Radio amateur', @@ -23,10 +25,13 @@ const languageStrings = { portal: 'Portal', language: 'Language', // Radio + antenna: 'antenna', + bands: 'bands', equipment: 'Equipment', components: 'components', fielddays: 'Field days', nvisAntenna: 'NVIS Antenna', + totalUniqueQSO: 'total unique QSO', // Software code_pages: 'Code sections', code_pages_intro: 'Some notes and examples of code.', @@ -37,8 +42,10 @@ const languageStrings = { nl: { // Common and: 'en', - on: 'op', copy: 'kopieer', + date: 'datum', + on: 'op', + name: 'naam', // Titles japanese: 'Japans', radio_amateur: 'Radiozendamateur', @@ -56,10 +63,13 @@ const languageStrings = { portal: 'Portaal', language: 'Taal', // Radio + antenna: 'antenne', + bands: 'banden', equipment: 'Apparatuur', components: 'componenten', fielddays: 'Velddagen', - nvisAntenna: 'NVIS Antenne', + nvisAntenna: 'NVIS antenne', + totalUniqueQSO: 'totaal unieke QSO', // Software code_pages: 'Code secties', code_pages_intro: 'Notities en voorbeelden van code.', diff --git a/src/Pages/Radio/fielddays/fielddaysTable.js b/src/Pages/Radio/fielddays/fielddaysTable.js index 70972ae..bb25ed3 100644 --- a/src/Pages/Radio/fielddays/fielddaysTable.js +++ b/src/Pages/Radio/fielddays/fielddaysTable.js @@ -2,10 +2,14 @@ import React from 'react'; import { Link } from 'react-router-dom'; import Emoji from '../../../Content/Emoji'; import fielddaysData from './fielddays.json'; +import { useTheme } from '../../../ThemeContext'; +import { getLanguage } from '../../../Language/Language'; +import { getString } from '../../../Language/LanguageStrings' const FielddaysTable = () => { + const { theme } = useTheme(); - function generatePath(dateString, language) { + function generatePath(dateString, language, linkText) { // Assuming dateString is in the format "YYYY-MM-DD" const parts = dateString.split('-'); const year = parts[0]; @@ -18,7 +22,7 @@ const FielddaysTable = () => { // Return JSX with the path inside an tag return ( - Link + {linkText} ); } @@ -26,29 +30,25 @@ const FielddaysTable = () => { // Optimize to only show link column for the current language. // This also eliminates a column. return ( - +
- - - - + + - + - - + + {fielddaysData.fielddays.map((fieldDay, index) => ( - - - - + +
DateName{getString('date')}{getString('name')} POTA Locator WW-FF LocatorBands{getString('bands')} Mode TransceiverTotal unique QSOAntenna{getString('totalUniqueQSO')}{getString('antenna')}
{fieldDay.date}{generatePath(fieldDay.date, 'en')}{generatePath(fieldDay.date, 'nl')}{fieldDay.name}{generatePath(fieldDay.date, getLanguage(), fieldDay.date)}{generatePath(fieldDay.date, getLanguage(), fieldDay.name)} {fieldDay['identifier-pota']} {fieldDay['identifier-wwff']} {fieldDay.bands}