Feature: Localization support (#357)

* ✨ Localization support
* ♻️ Telegram translation fix
* ✨ District wise translations
* ♻️ Hover over district issue
* ♻️ Translations cleanup

Co-authored-by: Jeremy <jeremyphilemon@outlook.com>

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "workbench.colorCustomizations": {
+    "activityBar.background": "#0156b1",
+    "titleBar.activeBackground": "#007bff",
+    "titleBar.activeForeground": "#F3FCF6"
+  },
+  "i18n-ally.localesPaths": ["public/locales", "src/i18n"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.sourceLanguage": "en"
+}

CONTRIBUTING.md

@@ -18,3 +18,12 @@ Two kinds of issues can be raised in this project:
 - People looking to contribute, filter issues by ["Status:Available"](https://github.com/covid19india/covid19india-react/issues?q=is%3Aissue+is%3Aopen+label%3A%22Status%3A+Available%22) and comment on the issue that they would like to be assigned to work on it.
 - Mods change the status label to "Status:Accepted" and assign the issue to the contributor.
 - Contributor change the label to "Status: In Progress" and finally submit the pull request.
+
+## Localization
+
+If you are using vscode as your IDE then [i18n-ally](https://marketplace.visualstudio.com/items?itemName=antfu.i18n-ally) might save you some jumps in google translate
+
+### Adding new language
+
+- create entry in `src/i18n/locales.json`
+- add translation file at `public/locales/[yourLanguage].json`

package.json

@@ -11,13 +11,16 @@
     "d3": "^5.15.0",
     "d3-svg-legend": "^2.25.6",
     "date-fns": "^2.11.0",
+    "i18next": "^19.3.4",
+    "i18next-xhr-backend": "^3.2.2",
     "install": "^0.13.0",
     "json2csv": "^5.0.0",
     "node-sass": "^4.13.1",
     "npm": "^6.14.3",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-feather": "^2.0.3",
+    "react-i18next": "^11.3.4",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.4.0",
     "react-table": "^7.0.0",