Add german and italian to translation

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>
   )

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: '🇪🇸'
+  },
+  de: {
+    title: 'Übersetzung',
+    help: 'Übersetzen von Musiktexten',
+    emoji: '🇩🇪'
+  },
+  it: {
+    title: 'Traduzione',
+    help: 'Traduzione di testi musicali',
+    emoji: '🇮🇹'
   }
 }
 
@@ -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([])
   }
 

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'>