Update en/fr translation

Author: ccxzhang

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhis2-downloader",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "DHIS2 Downloader",
   "main": "./out/main/index.js",
   "author": "globalfinancingfacility.org",

src/renderer/src/i18n/en/main.json

@@ -8,8 +8,10 @@
   "organizationUnitsTooltip": "An organisational unit is usually a geographical unit, which exists within a hierarchy.",
   "dataElementsAndIndicators": "Data Elements and Indicators",
   "organizationLevels": "Organization Levels",
+  "selectLevels": "Select Levels",
   "dateRange": "Date Range",
   "disaggregation": "Disaggregation",
+  "selectDisaggregation": "Select Disaggregation",
   "disaggregationTooltip": {
     "header": "Disaggregation includes:",
     "list": [

src/renderer/src/i18n/en/navbar.json

@@ -8,5 +8,7 @@
   "table": "Table",
   "dictionary": "Dictionary",
   "about": "About",
-  "signOut": "Sign out"
+  "signOut": "Sign out",
+  "terms": "Terms and Conditions",
+  "privacy": "Privacy Policy"
 }

src/renderer/src/i18n/fr/about.json

@@ -1,6 +1,6 @@
 {
   "overviewTitle": "À propos de FASTR DHIS2 Data Downloader",
-  "welcomeText": "Bienvenue sur le système de téléchargement de données FASTR DHIS2 (FASTR DHIS2 Data Downloader), votre solution idéale pour extraire facilement les données des systèmes DHIS2. Cet outil simplifie le téléchargement de données DHIS2 pour différents utilisateurs, qu'il s'agisse de fonctionnaires du ministère de la Santé, de chercheurs, d'ONG ou de bailleurs de fonds.",
+  "welcomeText": "Bienvenue au système de téléchargement de données FASTR DHIS2 (FASTR DHIS2 Data Downloader), votre solution idéale pour facilement extraire les données du système DHIS2. Cet outil simplifie le téléchargement de données DHIS2 pour différents utilisateurs, qu'il s'agisse de fonctionnaires du ministère de la Santé, de chercheurs, d'ONG ou de bailleurs de fonds.",
   "features": {
     "title": "Fonctionnalités",
     "downloadingData": {

src/renderer/src/i18n/fr/main.json

@@ -8,6 +8,8 @@
   "organizationUnitsTooltip": "Une unité organisationnelle est généralement une unité géographique qui s’inscrit dans une hiérarchie.",
   "dataElementsAndIndicators": "Éléments de données et indicateurs",
   "organizationLevels": "Niveaux d'organisation",
+  "selectLevels": "Sélectionner niveaux",
+  "selectDisaggregation": "Sélectionner désagrégation",
   "dateRange": "Plage de dates",
   "disaggregation": "Désagrégation",
   "disaggregationTooltip": {

src/renderer/src/i18n/fr/navbar.json

@@ -8,5 +8,7 @@
   "table": "Tableau",
   "dictionary": "Dictionnaire",
   "about": "À propos",
-  "signOut": "Se déconnecter"
+  "signOut": "Se déconnecter",
+  "terms": "Conditions générales",
+  "privacy": "Politique de confidentialité"
 }

src/renderer/src/pages/Footer.jsx

@@ -2,8 +2,11 @@ import WBGLogo from '../assets/WBG-SupportedBy-horizontal-white-web.png'
 import GFFLogo from '../assets/GFF_Logo_White_En.png'
 import FASTRLogo from '../assets/FASTR_White_Horiz.png'
 import { Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 
 const Footer = () => {
+  const { t } = useTranslation()
+
   return (
     <footer className="bg-gff-green text-white p-5">
       <div className="max-w-7xl mx-auto flex justify-between items-center">
@@ -41,10 +44,10 @@ const Footer = () => {
             rel="noreferrer"
             className="hover:text-gray-300"
           >
-            Terms & Conditions
+            {t('navbar.terms')}
           </a>
           <Link to="/privacy" className="hover:text-gray-300">
-            Privacy Policy
+            {t('navbar.privacy')}
           </Link>
         </div>
       </div>

src/renderer/src/pages/MainPage/CategoryCombo.jsx

@@ -2,11 +2,13 @@ import React, { useEffect, useRef } from 'react'
 import { useSelector, useDispatch } from 'react-redux'
 import { setSelectedCategory } from '../../reducers/categoryReducer'
 import { mouseClick, mouseToggle } from '../../reducers/mouseReducer'
+import { useTranslation } from 'react-i18next'
 
 const CategoryDropdownMenu = () => {
   const dispatch = useDispatch()
   const { categories, orgUnitGroupSets, selectedCategory } = useSelector((state) => state.category)
   const openDropdowns = useSelector((state) => state.mouse.openDropdowns)
+  const { t } = useTranslation()
   const dropdownId = 'categoryDropdown'
   const dropdownRef = useRef(null)
 
@@ -41,7 +43,7 @@ const CategoryDropdownMenu = () => {
           {selectedCategory.length > 0 ? (
             <span className="flex-grow">{selectedCategory.length} selected</span>
           ) : (
-            <span className="flex-grow">Select Disaggregation</span>
+            <span className="flex-grow">{t('mainPage.selectDisaggregation')}</span>
           )}
           <span className="absolute right-4 pointer-events-none">▼</span>
         </div>

src/renderer/src/pages/MainPage/OrgUnitLevelMenu.jsx

@@ -2,12 +2,14 @@ import React, { useEffect, useRef } from 'react'
 import { useSelector, useDispatch } from 'react-redux'
 import { updateOrgUnitLevels, fetchOrganizationLevels } from '../../reducers/orgUnitReducer'
 import { mouseClick, mouseToggle } from '../../reducers/mouseReducer'
+import { useTranslation } from 'react-i18next'
 
 const OrgUnitLevelMenu = () => {
   const dispatch = useDispatch()
   const { allOrgUnitLevels, selectedOrgUnitLevels } = useSelector((state) => state.orgUnit)
   const openDropdowns = useSelector((state) => state.mouse.openDropdowns)
   const { dhis2Url, username, password } = useSelector((state) => state.auth)
+  const { t } = useTranslation()
   const dropdownId = 'orgUnitLevel'
   const dropdownRef = useRef(null)
 
@@ -49,7 +51,7 @@ const OrgUnitLevelMenu = () => {
           {selectedOrgUnitLevels?.length > 0 ? (
             <span className="flex-grow">{selectedOrgUnitLevels?.length} selected</span>
           ) : (
-            <span className="flex-grow">{'Select Level'}</span>
+            <span className="flex-grow">{t('mainPage.selectLevels')}</span>
           )}
           <span className="absolute right-4 pointer-events-none">▼</span>
         </div>