From 91bc46eb82583630a38b7734aff2abd2c04145eb Mon Sep 17 00:00:00 2001
From: luandro <luandro@gmail.com>
Date: Mon, 12 Apr 2021 20:40:56 -0300
Subject: [PATCH] Add Brazilian Portuguese translatios and UI button

---
 src/App.tsx                                  |  5 +++++
 src/components/Sidebar/SidebarUISettings.tsx | 15 ++++++++++++++-
 src/translations/pt.ts                       | 17 +++++++++++++++++
 3 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 src/translations/pt.ts

diff --git a/src/App.tsx b/src/App.tsx
index 47b6a39b..03a4dd79 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -12,10 +12,12 @@ import Header from './components/Header';
 import Main from './Main';
 import Translations_English from './translations/en';
 import Translations_Japanese from './translations/jp';
+import Translations_Portuguese from './translations/pt';
 
 export enum LanguageEnum {
   ENGLISH,
   JAPANESE,
+  PORTUGUESE,
 }
 
 export interface languageTemplate {
@@ -58,6 +60,9 @@ const App = () => {
       case LanguageEnum.ENGLISH:
         setTranslations(Translations_English);
         break;
+      case LanguageEnum.PORTUGUESE:
+        setTranslations(Translations_Portuguese);
+        break;
       case LanguageEnum.JAPANESE:
         setTranslations(Translations_Japanese);
         break;
diff --git a/src/components/Sidebar/SidebarUISettings.tsx b/src/components/Sidebar/SidebarUISettings.tsx
index 97c53bca..4dd6453b 100644
--- a/src/components/Sidebar/SidebarUISettings.tsx
+++ b/src/components/Sidebar/SidebarUISettings.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Jp, Us } from 'react-flags-select';
+import { Jp, Us, Br } from 'react-flags-select';
 import { FaCog, FaLaptop, FaMoon, FaSun } from 'react-icons/fa';
 
 import type { languageTemplate } from '../../App';
@@ -82,6 +82,19 @@ const SidebarUISettings = (props: SidebarUISettingsProps) => {
                     </>
                   }
                 />
+                <NavItem
+                  onClick={() => {
+                    props.SetLanguage(LanguageEnum.PORTUGUESE);
+                  }}
+                  open={false}
+                  isDropdown={false}
+                  isNested={true}
+                  titleContent={
+                    <>
+                      Português <Br className="w-8 shadow-md" />
+                    </>
+                  }
+                />
                 <NavItem
                   onClick={() => {
                     props.SetLanguage(LanguageEnum.JAPANESE);
diff --git a/src/translations/pt.ts b/src/translations/pt.ts
new file mode 100644
index 00000000..e4737540
--- /dev/null
+++ b/src/translations/pt.ts
@@ -0,0 +1,17 @@
+import type { languageTemplate } from '../App';
+
+export default {
+  no_messages_message: 'Não a mensagens ainda',
+  ui_settings_title: 'Configurações da Interface',
+  nodes_title: 'Nós',
+  device_settings_title: 'Configurações do dispositivo',
+  device_channels_title: 'Canais',
+  color_scheme_title: 'Esquema de cores',
+  language_title: 'Idioma',
+  device_region_title: 'Região do dispositivo',
+  device_wifi_ssid: 'Nome do WiFi',
+  device_wifi_psk: 'Senha do WiFi',
+  save_changes_button: 'Salvar alterações',
+  no_nodes_message: 'Nenhum nó foi encontrado',
+  no_message_placeholder: 'Entre mensagem',
+} as languageTemplate;