Different Language translation settings

How to add a new language?

Let's add spanish language in the existing language.

1. Create a new file src/Common/locales/sp.json
2. update the below code in the src/Common/i18n.tsx file
   
   

   import translationGr from './locales/sp.json';
               
   const resources = {
     sp: {
       translation: translationSp
     }
   }; 

3. To change default language to spanish? update below code in the src/Common/i18n.tsx file
   
   

   i18n
     .use(detector)
     .use(reactI18nextModule) // passes i18n down to react-i18next
     .init({
       resources,
       lng: "sp",
       fallbackLng: "sp", // use en if detected lng is not available
       
       keySeparator: false, // we do not use keys in form messages.welcome
       
       interpolation: {
           escapeValue: false // react already safes from xss
       },
     });