fix: Added missing english translations

frontend/src/components/ConfirmationModal/index.js

@@ -6,6 +6,8 @@ import DialogContent from "@material-ui/core/DialogContent";
 import DialogTitle from "@material-ui/core/DialogTitle";
 import Typography from "@material-ui/core/Typography";
 
+import { i18n } from "../../translate/i18n";
+
 const ConfirmationModal = ({ title, children, open, setOpen, onConfirm }) => {
 	return (
 		<Dialog
@@ -21,9 +23,9 @@ const ConfirmationModal = ({ title, children, open, setOpen, onConfirm }) => {
 				<Button
 					variant="contained"
 					onClick={() => setOpen(false)}
-					color="secondary"
+					color="default"
 				>
-					Cancelar
+					{i18n.t("confirmationModal.buttons.cancel")}
 				</Button>
 				<Button
 					variant="contained"
@@ -31,9 +33,9 @@ const ConfirmationModal = ({ title, children, open, setOpen, onConfirm }) => {
 						setOpen(false);
 						onConfirm();
 					}}
-					color="default"
+					color="secondary"
 				>
-					Confirmar
+					{i18n.t("confirmationModal.buttons.confirm")}
 				</Button>
 			</DialogActions>
 		</Dialog>

frontend/src/components/TicketOptionsMenu/index.js

@@ -59,12 +59,16 @@ const TicketOptionsMenu = ({ ticket, menuOpen, handleClose, anchorEl }) => {
 				</MenuItem>
 			</Menu>
 			<ConfirmationModal
-				title={`Deletar o ticket #${ticket.id} do contato ${ticket.contact.name}?`}
+				title={`${i18n.t("ticketOptionsMenu.confirmationModal.title")}${
+					ticket.id
+				} ${i18n.t("ticketOptionsMenu.confirmationModal.titleFrom")} ${
+					ticket.contact.name
+				}?`}
 				open={confirmationOpen}
 				setOpen={setConfirmationOpen}
 				onConfirm={handleDeleteTicket}
 			>
-				Atenção, todas as mensagens relacionadas a este ticket serão apagadas.
+				{i18n.t("ticketOptionsMenu.confirmationModal.message")}
 			</ConfirmationModal>
 		</>
 	);

frontend/src/components/TicketsList/index.js

@@ -116,21 +116,23 @@ const TicketsList = ({ status, searchParam, showAll }) => {
 				<List style={{ paddingTop: 0 }}>
 					{status === "open" && (
 						<div className={classes.ticketsListHeader}>
-							{i18n.t("tickets.tabs.open.assignedHeader")}
+							{i18n.t("ticketsList.assignedHeader")}
 							<span className={classes.ticketsCount}>{tickets.length}</span>
 						</div>
 					)}
 					{status === "pending" && (
 						<div className={classes.ticketsListHeader}>
-							{i18n.t("tickets.tabs.open.pendingHeader")}
+							{i18n.t("ticketsList.pendingHeader")}
 							<span className={classes.ticketsCount}>{tickets.length}</span>
 						</div>
 					)}
 					{tickets.length === 0 && !loading ? (
 						<div className={classes.noTicketsDiv}>
-							<span className={classes.noTicketsTitle}>Nothing here!</span>
+							<span className={classes.noTicketsTitle}>
+								{i18n.t("ticketsList.noTicketsTitle")}
+							</span>
 							<p className={classes.noTicketsText}>
-								No tickets found with this status or search term.
+								{i18n.t("ticketsList.noTicketsMessage")}
 							</p>
 						</div>
 					) : (