From af564474643b06a2f8483264ab670bffab9f85a0 Mon Sep 17 00:00:00 2001
From: canove <cassio@economicros.com.br>
Date: Thu, 14 Jan 2021 21:36:03 -0300
Subject: [PATCH] improvement: add translation to new components

---
 frontend/src/components/QueueSelect/index.js      |  9 +++++----
 frontend/src/components/TicketsManager/index.js   |  2 +-
 .../src/components/TicketsQueueSelect/index.js    |  3 ++-
 frontend/src/translate/languages/en.js            | 11 +++++++++++
 frontend/src/translate/languages/es.js            | 15 +++++++++++++++
 frontend/src/translate/languages/pt.js            | 15 +++++++++++++++
 6 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/QueueSelect/index.js b/frontend/src/components/QueueSelect/index.js
index 22b0529..b80164e 100644
--- a/frontend/src/components/QueueSelect/index.js
+++ b/frontend/src/components/QueueSelect/index.js
@@ -7,6 +7,7 @@ import Select from "@material-ui/core/Select";
 import Chip from "@material-ui/core/Chip";
 import toastError from "../../errors/toastError";
 import api from "../../services/api";
+import { i18n } from "../../translate/i18n";
 
 const useStyles = makeStyles(theme => ({
 	chips: {
@@ -33,17 +34,17 @@ const QueueSelect = ({ selectedQueueIds, onChange }) => {
 		})();
 	}, []);
 
-	const handleChange = event => {
-		onChange(event.target.value);
+	const handleChange = e => {
+		onChange(e.target.value);
 	};
 
 	return (
 		<div style={{ marginTop: 6 }}>
 			<FormControl fullWidth margin="dense" variant="outlined">
-				<InputLabel>Filas</InputLabel>
+				<InputLabel>{i18n.t("queueSelect.inputLabel")}</InputLabel>
 				<Select
 					multiple
-					labelWidth={40}
+					labelWidth={60}
 					value={selectedQueueIds}
 					onChange={handleChange}
 					MenuProps={{
diff --git a/frontend/src/components/TicketsManager/index.js b/frontend/src/components/TicketsManager/index.js
index e396a76..dbcf0af 100644
--- a/frontend/src/components/TicketsManager/index.js
+++ b/frontend/src/components/TicketsManager/index.js
@@ -175,7 +175,7 @@ const TicketsManager = () => {
 							color="primary"
 							onClick={() => setNewTicketModalOpen(true)}
 						>
-							Novo
+							{i18n.t("ticketsManager.buttons.newTicket")}
 						</Button>
 						<Can
 							role={user.profile}
diff --git a/frontend/src/components/TicketsQueueSelect/index.js b/frontend/src/components/TicketsQueueSelect/index.js
index a774eb2..2d4d225 100644
--- a/frontend/src/components/TicketsQueueSelect/index.js
+++ b/frontend/src/components/TicketsQueueSelect/index.js
@@ -4,6 +4,7 @@ import MenuItem from "@material-ui/core/MenuItem";
 import FormControl from "@material-ui/core/FormControl";
 import Select from "@material-ui/core/Select";
 import { Checkbox, ListItemText } from "@material-ui/core";
+import { i18n } from "../../translate/i18n";
 
 const TicketsQueueSelect = ({
 	userQueues,
@@ -34,7 +35,7 @@ const TicketsQueueSelect = ({
 						},
 						getContentAnchorEl: null,
 					}}
-					renderValue={() => "Filas"}
+					renderValue={() => i18n.t("ticketsQueueSelect.placeholder")}
 				>
 					{userQueues?.length > 0 &&
 						userQueues.map(queue => (
diff --git a/frontend/src/translate/languages/en.js b/frontend/src/translate/languages/en.js
index 718a61c..625fbce 100644
--- a/frontend/src/translate/languages/en.js
+++ b/frontend/src/translate/languages/en.js
@@ -190,6 +190,14 @@ const messages = {
 			chat: {
 				noTicketMessage: "Select a ticket to start chatting.",
 			},
+			ticketsManager: {
+				buttons: {
+					newTicket: "New",
+				},
+			},
+			ticketsQueueSelect: {
+				placeholder: "Queues",
+			},
 			tickets: {
 				toasts: {
 					deleted: "The ticket you were on has been deleted.",
@@ -274,6 +282,9 @@ const messages = {
 						"Are you sure? It cannot be reverted! Tickets in this queue will still exist, but will not have any queues assigned.",
 				},
 			},
+			queueSelect: {
+				inputLabel: "Queues",
+			},
 			users: {
 				title: "Users",
 				table: {
diff --git a/frontend/src/translate/languages/es.js b/frontend/src/translate/languages/es.js
index 48a6519..7204966 100644
--- a/frontend/src/translate/languages/es.js
+++ b/frontend/src/translate/languages/es.js
@@ -193,6 +193,14 @@ const messages = {
 			chat: {
 				noTicketMessage: "Selecciona un ticket para empezar a chatear.",
 			},
+			ticketsManager: {
+				buttons: {
+					newTicket: "Nuevo",
+				},
+			},
+			ticketsQueueSelect: {
+				placeholder: "Linhas",
+			},
 			tickets: {
 				toasts: {
 					deleted: "El ticket en el que estabas ha sido borrado.",
@@ -278,6 +286,9 @@ const messages = {
 						"¿Estás seguro? ¡Esta acción no se puede revertir! Los tickets en esa cola seguirán existiendo, pero ya no tendrán ninguna cola asignada.",
 				},
 			},
+			queueSelect: {
+				inputLabel: "Linhas",
+			},
 			users: {
 				title: "Usuarios",
 				table: {
@@ -395,6 +406,10 @@ const messages = {
 				ERR_CREATING_TICKET: "Error al crear el ticket en la base de datos.",
 				ERR_FETCH_WAPP_MSG:
 					"Error al obtener el mensaje en WhtasApp, tal vez sea demasiado antiguo.",
+				ERR_QUEUE_COLOR_ALREADY_EXISTS:
+					"Este color ya está en uso, elija otro.",
+				ERR_WAPP_GREETING_REQUIRED:
+					"El mensaje de saludo es obligatorio cuando hay más de una cola.",
 			},
 		},
 	},
diff --git a/frontend/src/translate/languages/pt.js b/frontend/src/translate/languages/pt.js
index 4b04b8c..f223ead 100644
--- a/frontend/src/translate/languages/pt.js
+++ b/frontend/src/translate/languages/pt.js
@@ -191,6 +191,14 @@ const messages = {
 			chat: {
 				noTicketMessage: "Selecione um ticket para começar a conversar.",
 			},
+			ticketsManager: {
+				buttons: {
+					newTicket: "Novo",
+				},
+			},
+			ticketsQueueSelect: {
+				placeholder: "Filas",
+			},
 			tickets: {
 				toasts: {
 					deleted: "O ticket que você estava foi deletado.",
@@ -276,6 +284,9 @@ const messages = {
 						"Você tem certeza? Essa ação não pode ser revertida! Os tickets dessa fila continuarão existindo, mas não terão mais nenhuma fila atribuída.",
 				},
 			},
+			queueSelect: {
+				inputLabel: "Filas",
+			},
 			users: {
 				title: "Usuários",
 				table: {
@@ -391,6 +402,10 @@ const messages = {
 				ERR_CREATING_TICKET: "Erro ao criar tíquete no banco de dados.",
 				ERR_FETCH_WAPP_MSG:
 					"Erro ao buscar a mensagem no WhtasApp, talvez ela seja muito antiga.",
+				ERR_QUEUE_COLOR_ALREADY_EXISTS:
+					"Esta cor já está em uso, escolha outra.",
+				ERR_WAPP_GREETING_REQUIRED:
+					"A mensagem de saudação é obrigatório quando há mais de uma fila.",
 			},
 		},
 	},