feat: add pt-BR/ja/ko to translation submission form

components/soumet/ajoute-tradiksyon.js

@@ -76,7 +76,7 @@ function AjouteTradiksyon({showSwitch, disableSwitch, tradiksyonOtomatik, setTra
           aria-haspopup='true'
           onClick={handleClick}
         >
-          Ajouter une traduction <br /> 🇺🇸 🇫🇷 🇪🇸 🇩🇪 🇮🇹
+          Ajouter une traduction <br /> 🇺🇸 🇫🇷 🇪🇸 🇩🇪 🇮🇹 🇧🇷 🇯🇵 🇰🇷
         </Button>
         <StyledMenu
           keepMounted
@@ -123,6 +123,27 @@ function AjouteTradiksyon({showSwitch, disableSwitch, tradiksyonOtomatik, setTra
             }}
             onClick={handleClose}
           >🇮🇹 Italien</StyledMenuItem>
+          <StyledMenuItem
+            id='pt'
+            classes={{
+              root: classes.root
+            }}
+            onClick={handleClose}
+          >🇧🇷 Portugais</StyledMenuItem>
+          <StyledMenuItem
+            id='ja'
+            classes={{
+              root: classes.root
+            }}
+            onClick={handleClose}
+          >🇯🇵 Japonais</StyledMenuItem>
+          <StyledMenuItem
+            id='ko'
+            classes={{
+              root: classes.root
+            }}
+            onClick={handleClose}
+          >🇰🇷 Coréen</StyledMenuItem>
         </StyledMenu>
       </Root>
     </>

components/soumet/ekri-teks.js

@@ -65,6 +65,21 @@ const textLabels = {
     title: 'Traduzione',
     help: 'Traduzione del testo',
     emoji: '🇮🇹'
+  },
+  pt: {
+    title: 'Tradução',
+    help: 'Tradução da letra',
+    emoji: '🇧🇷'
+  },
+  ja: {
+    title: '翻訳',
+    help: '歌詞の翻訳',
+    emoji: '🇯🇵'
+  },
+  ko: {
+    title: '번역',
+    help: '가사 번역',
+    emoji: '🇰🇷'
   }
 }
 
@@ -78,7 +93,7 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
   const {data: session} = useSession()
   const {jwt, user} = session
   const [teksEkri, setTeksEkri] = useState({awtis: '', tit: '', transkripsyon: ''})
-  const [tradiksyon, setTradiksyon] = useState({fr: '', en: '', es: '', de: '', it: ''})
+  const [tradiksyon, setTradiksyon] = useState({fr: '', en: '', es: '', de: '', it: '', pt: '', ja: '', ko: ''})
   const [kiChawLang, setKiChwalang] = useState(['fr'])
   const [error, setError] = useState('')
   const [success, setSuccess] = useState('')
@@ -112,7 +127,7 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
   const handleClick = async () => {
     setLoading(true)
     const {awtis, tit, transkripsyon} = teksEkri
-    const {fr, en, es, de, it} = tradiksyon
+    const {fr, en, es, de, it, pt, ja, ko} = tradiksyon
 
     if (teksEkri.awtis === '' || teksEkri.tit === '' || teksEkri.transkripsyon === '') {
       setError({message: 'Certains champs sont obligatoires'})
@@ -139,7 +154,10 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
               anglais: en === '' ? null : en,
               espagnol: es === '' ? null : es,
               allemand: de === '' ? null : de,
-              italien: it === '' ? null : it
+              italien: it === '' ? null : it,
+              portugais: pt === '' ? null : pt,
+              japonais: ja === '' ? null : ja,
+              coreen: ko === '' ? null : ko
             },
             user: {
               id: user.id,
@@ -184,7 +202,10 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
               anglais: en === '' ? null : en,
               espagnol: es === '' ? null : es,
               allemand: de === '' ? null : de,
-              italien: it === '' ? null : it
+              italien: it === '' ? null : it,
+              portugais: pt === '' ? null : pt,
+              japonais: ja === '' ? null : ja,
+              coreen: ko === '' ? null : ko
             },
             user: {
               id: user.id,
@@ -211,7 +232,7 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
 
   const handleReset = () => {
     setTeksEkri({awtis: '', tit: '', transkripsyon: ''})
-    setTradiksyon({fr: '', en: '', es: '', de: '', it: ''})
+    setTradiksyon({fr: '', en: '', es: '', de: '', it: '', pt: '', ja: '', ko: ''})
     setKiChwalang(['fr'])
     setCurrentTeksId(null)
     setTradiksyonOtomatik(false)
@@ -244,7 +265,10 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
         en: selectedTeks?.traductions?.anglais || '',
         es: selectedTeks?.traductions?.espagnol || '',
         de: selectedTeks?.traductions?.allemand || '',
-        it: selectedTeks?.traductions?.italien || ''
+        it: selectedTeks?.traductions?.italien || '',
+        pt: selectedTeks?.traductions?.portugais || '',
+        ja: selectedTeks?.traductions?.japonais || '',
+        ko: selectedTeks?.traductions?.coreen || ''
       })
 
       const jennLangId = () => {
@@ -270,6 +294,18 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
           ids.push('it')
         }
 
+        if (selectedTeks?.traductions?.portugais) {
+          ids.push('pt')
+        }
+
+        if (selectedTeks?.traductions?.japonais) {
+          ids.push('ja')
+        }
+
+        if (selectedTeks?.traductions?.coreen) {
+          ids.push('ko')
+        }
+
         return ids
       }
 
@@ -373,7 +409,7 @@ function EkriTeks({canAutoTranslate, selectedTeks, setSelectedTeks}) {
       </form>
       <AjouteTradiksyon
         showSwitch={Boolean(canAutoTranslate) && Boolean(!currentTeksId)}
-        disableSwitch={tradiksyon.fr === '' || tradiksyon.en !== '' || tradiksyon.es !== '' || tradiksyon.de !== '' || tradiksyon.it !== ''}
+        disableSwitch={tradiksyon.fr === '' || tradiksyon.en !== '' || tradiksyon.es !== '' || tradiksyon.de !== '' || tradiksyon.it !== '' || tradiksyon.pt !== '' || tradiksyon.ja !== '' || tradiksyon.ko !== ''}
         tradiksyonOtomatik={tradiksyonOtomatik}
         setTradiksyonOtomatik={setTradiksyonOtomatik}
         chwaLang={kiChawLang}