Alteração para exibir traduções de acordo com o idioma do navegador

frontend/src/components/Report/DatePicker/index.js

@@ -11,6 +11,8 @@ import {
  
  
 
+import { i18n } from "../../../translate/i18n";
+
 
 import ptBrLocale from "date-fns/locale/pt-BR";
 

frontend/src/layout/MainListItems.js

@@ -89,7 +89,12 @@ const MainListItems = (props) => {
         primary={i18n.t("mainDrawer.listItems.contacts")}
         icon={<ContactPhoneOutlinedIcon />}
       />
-      <ListItemLink to="/schedulesReminder" primary="Lembretes" icon={<SendOutlined />} />
+
+      <ListItemLink to="/schedulesReminder"
+        primary={i18n.t("mainDrawer.listItems.reminders")}
+        icon={<SendOutlined />}
+      />
+
       <ListItemLink
         to="/quickAnswers"
         primary={i18n.t("mainDrawer.listItems.quickAnswers")}

frontend/src/pages/SchedulesReminder/index.js

@@ -30,6 +30,7 @@ import Modal from "../../components/ModalUpdateScheduleReminder";
 
 import openSocket from "socket.io-client";
  
+import { i18n } from "../../translate/i18n";
 
 
 
@@ -449,7 +450,8 @@ const SchedulesReminder = () => {
 
         <Item>
           <TextField
-            placeholder='Numero/Nome...'
+            // placeholder='Numero/Nome...'
+            placeholder= {i18n.t("report.search.search1")}
             type="search"
             value={contactNumber}
             onChange={handleSearch}
@@ -465,7 +467,7 @@ const SchedulesReminder = () => {
 
 
 
-        <Item><DatePicker1 func={datePicker1Value} minDate={false} startEmpty={true} reset={resetChild} setReset={setReset} title={'Data inicio'} /></Item>
+        <Item><DatePicker1 func={datePicker1Value} minDate={false} startEmpty={true} reset={resetChild} setReset={setReset} title={i18n.t("report.date.dateStart")} /></Item>
         <Item><DatePicker2 func={datePicker2Value} minDate={false} startEmpty={true} reset={resetChild} setReset={setReset} title={'Data fim'} /></Item>
 
         <Item sx={{ gridColumn: '4 / 5' }}>
@@ -501,7 +503,8 @@ const SchedulesReminder = () => {
           </ConfirmationModal>
 
           <MaterialTable
-            title="Lembretes/Agendamentos"
+            // title="Lembretes/Agendamentos"
+            title={i18n.t("report.listTitle.title1")}
             columns={
               [
 

frontend/src/translate/languages/en.js

@@ -308,6 +308,7 @@ const messages = {
           connections: "Connections",
           tickets: "Tickets",
           contacts: "Contacts",
+          reminders: "Reminders",
           quickAnswers: "Quick Answers",
           queues: "Queues",
           administration: "Administration",
@@ -322,6 +323,14 @@ const messages = {
           },
         },
       },
+      report: {
+        listTitle: {
+          title1: "Reminders/Schedules",
+        },
+        search: {
+          search1: "Number/Name...",          
+        }
+      },
       notifications: {
         noTickets: "No notifications.",
       },

frontend/src/translate/languages/es.js

@@ -313,6 +313,7 @@ const messages = {
           connections: "Conexiones",
           tickets: "Tickets",
           contacts: "Contactos",
+          reminders: "Recordatorio",
           quickAnswers: "Respuestas rápidas",
           queues: "Linhas",
           administration: "Administración",
@@ -327,6 +328,14 @@ const messages = {
           },
         },
       },
+      report: {
+        listTitle: {
+          title1: "Recordatorios/Programación",
+        },
+        search: {
+          search1: "Número/Nombre...",          
+        }
+      },
       notifications: {
         noTickets: "Sin notificaciones.",
       },

frontend/src/translate/languages/pt.js

@@ -311,6 +311,7 @@ const messages = {
           connections: "Conexões",
           tickets: "Tickets",
           contacts: "Contatos",
+          reminders: "Lembretes",
           quickAnswers: "Respostas Rápidas",
           queues: "Filas",
           administration: "Administração",
@@ -325,6 +326,21 @@ const messages = {
           },
         },
       },
+      report: {
+        listTitle: {
+          title1: "Lembretes/Agendamentos",
+        },
+        search: {
+          search1: "Numero/Nome...",          
+        },
+        date:{
+          dateStart: "Data início",
+          dateEnd: "Data fim"
+        },
+        button:{
+
+        }
+      },
       notifications: {
         noTickets: "Nenhuma notificação.",
       },