feat: add french (#447)

* feat: add required configs for new locale

* feat: initial extraction via 'yarn i18n:extract --locale fr'

* feat: compile french

* fix: add pr to contribution guidelines

Author: sakulstra

.linguirc

@@ -1,7 +1,8 @@
 {
   "locales": [
     "en",
-    "es"
+    "es",
+    "fr"
   ],
   "catalogs": [
     {

CONTRIBUTING.md

@@ -86,3 +86,6 @@ To download strings
 crowdin download
 
 ```
+
+To add a new language first start an issue to check for public interest.
+If the community decides to go forward with your preferred language follow [this pr](https://github.com/aave/interface/pull/447#issue-1165545965) to add support for a new language.

crowdin.yml

@@ -5,7 +5,7 @@
 'api_token_env': 'CROWDIN_PERSONAL_TOKEN'
 'base_path': '.'
 'base_url': 'https://api.crowdin.com'
-'export_languages': ['en', 'es']
+'export_languages': ['en', 'es', 'fr']
 #
 # Choose file structure in Crowdin
 # e.g. true or false

src/layouts/components/LanguageSwitcher.tsx

@@ -17,6 +17,7 @@ import { dynamicActivateLanguage } from '../../libs/LanguageProvider';
 const langMap = {
   en: t`English`,
   es: t`Spanish`,
+  fr: t`French`,
 };
 
 interface LanguageListItemProps {

src/libs/LanguageProvider.tsx

@@ -1,24 +1,26 @@
 // src/index.js
 import { i18n } from '@lingui/core';
 import { I18nProvider } from '@lingui/react';
-import { en, es } from 'make-plural/plurals';
+import { en, es, fr } from 'make-plural/plurals';
 import React, { useEffect } from 'react';
 
 import { messages } from '../locales/en/messages.js';
 
 i18n.loadLocaleData({
   en: { plurals: en },
   es: { plurals: es },
+  fr: { plurals: fr },
 });
 i18n.load('en', messages);
 i18n.activate('en');
 
 export const DEFAULT_LOCALE = 'en';
 
-export const SUPPORTED_LANGUAGES = ['en', 'es'];
+export const SUPPORTED_LANGUAGES = ['en', 'es', 'fr'];
 export const LANG_MAP = {
   en: 'English',
   es: 'Spanish',
+  fr: 'French',
 };
 
 /**

src/locales/en/messages.js

@@ -562,6 +562,10 @@ msgstr "Faucet {0}"
 msgid "Filter"
 msgstr "Filter"
 
+#: src/layouts/components/LanguageSwitcher.tsx
+msgid "French"
+msgstr "French"
+
 #: src/modules/staking/StakingHeader.tsx
 msgid "Funds in the Safety Module"
 msgstr "Funds in the Safety Module"

src/locales/en/messages.po

@@ -567,6 +567,10 @@ msgstr "Faucet {0}"
 msgid "Filter"
 msgstr ""
 
+#: src/layouts/components/LanguageSwitcher.tsx
+msgid "French"
+msgstr ""
+
 #: src/modules/staking/StakingHeader.tsx
 msgid "Funds in the Safety Module"
 msgstr ""
@@ -1600,4 +1604,3 @@ msgstr ""
 #: src/modules/staking/StakingPanel.tsx
 msgid "{0} days"
 msgstr ""
-