From ab0d220a9ef265d249c3fc70d78e3827331e93f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Tue, 22 Mar 2022 07:12:41 +0400
Subject: [PATCH] Add german and italian to translation

---
 components/soumet/ajoute-tradiksyon.js | 16 +++++++++++++++-
 components/soumet/ekri-teks.js         | 20 ++++++++++++++++----
 components/teks/teks.js                | 10 ++++++++++
 3 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/components/soumet/ajoute-tradiksyon.js b/components/soumet/ajoute-tradiksyon.js
index 9d3651c..9c958d4 100644
--- a/components/soumet/ajoute-tradiksyon.js
+++ b/components/soumet/ajoute-tradiksyon.js
@@ -70,7 +70,7 @@ function AjouteTradiksyon({chwaLang, setChwaLang}) {
         aria-haspopup='true'
         onClick={handleClick}
       >
-        Ajouter une traduction 🇫🇷 🇬🇧 🇪🇸
+        Ajouter une traduction 🇫🇷 🇬🇧 🇪🇸 🇩🇪 🇮🇹
       </Button>
       <StyledMenu
         keepMounted
@@ -103,6 +103,20 @@ function AjouteTradiksyon({chwaLang, setChwaLang}) {
           }}
           onClick={handleClose}
         >🇪🇸 Español</StyledMenuItem>
+        <StyledMenuItem
+          id='de'
+          classes={{
+            root: classes.root
+          }}
+          onClick={handleClose}
+        >🇩🇪 Deutsch</StyledMenuItem>
+        <StyledMenuItem
+          id='it'
+          classes={{
+            root: classes.root
+          }}
+          onClick={handleClose}
+        >🇮🇹 Italiano</StyledMenuItem>
       </StyledMenu>
     </Root>
   )
diff --git a/components/soumet/ekri-teks.js b/components/soumet/ekri-teks.js
index 6a17a8f..9b967ac 100644
--- a/components/soumet/ekri-teks.js
+++ b/components/soumet/ekri-teks.js
@@ -53,6 +53,16 @@ const textLabels = {
     title: 'Traducción',
     help: 'Traducción de la letra de la música',
     emoji: '&#127466;&#127480;'
+  },
+  de: {
+    title: 'Übersetzung',
+    help: 'Übersetzen von Musiktexten',
+    emoji: '&#127465;&#127466;'
+  },
+  it: {
+    title: 'Traduzione',
+    help: 'Traduzione di testi musicali',
+    emoji: '&#127470;&#127481;'
   }
 }
 
@@ -66,7 +76,7 @@ function EkriTeks() {
   const {data: session} = useSession()
   const {jwt, user} = session
   const [teksEkri, setTeksEkri] = useState({awtis: '', tit: '', transkripsyon: ''})
-  const [tradiksyon, setTradiksyon] = useState({fr: '', en: '', es: ''})
+  const [tradiksyon, setTradiksyon] = useState({fr: '', en: '', es: '', de: '', it: ''})
   const [kiChawLang, setKiChwalang] = useState([])
   const [error, setError] = useState('')
   const [success, setSuccess] = useState('')
@@ -99,7 +109,7 @@ function EkriTeks() {
   const handleClick = () => {
     setLoading(true)
     const {awtis, tit, transkripsyon} = teksEkri
-    const {fr, en, es} = tradiksyon
+    const {fr, en, es, de, it} = tradiksyon
 
     if (teksEkri.awtis === '' || teksEkri.tit === '' || teksEkri.transkripsyon === '') {
       setError({message: 'Certains champs sont obligatoires'})
@@ -126,7 +136,9 @@ function EkriTeks() {
           tradiksyon: {
             francais: fr === '' ? null : fr,
             english: en === '' ? null : en,
-            espagnol: es === '' ? null : es
+            espagnol: es === '' ? null : es,
+            deutsch: de === '' ? null : de,
+            italiano: it === '' ? null : it
           },
           user,
           awtis: [awtisResponse.data._id]
@@ -151,7 +163,7 @@ function EkriTeks() {
 
   const handleReset = () => {
     setTeksEkri({awtis: '', tit: '', transkripsyon: ''})
-    setTradiksyon({fr: '', en: '', es: ''})
+    setTradiksyon({fr: '', en: '', es: '', de: '', it: ''})
     setKiChwalang([])
   }
 
diff --git a/components/teks/teks.js b/components/teks/teks.js
index bdf5631..956860c 100644
--- a/components/teks/teks.js
+++ b/components/teks/teks.js
@@ -197,6 +197,16 @@ export default function Teks({anTeks, komante, open, success, error, setSuccess,
                   <span>
                     🇪🇸
                   </span>
+                )}
+                {flag === 'de' && (
+                  <span>
+                    🇩🇪
+                  </span>
+                )}
+                {flag === 'it' && (
+                  <span>
+                    🇮🇹
+                  </span>
                 )} {title}
               </Typography>
               <Typography paragraph align='justify' component='span'>