From c19f3651c5cfb66ce7a7f96273954f224ef61e9e Mon Sep 17 00:00:00 2001
From: marcio1002 <marcioalemao1999@yahoo.com>
Date: Mon, 29 Jan 2024 15:04:59 -0300
Subject: [PATCH] =?UTF-8?q?Corre=C3=A7=C3=B5es=20em=20algumas=20p=C3=A1gin?=
 =?UTF-8?q?as=20de=20acordo=20o=20retorno=20da=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sidebar/Sidebar.tsx |   4 +-
 src/contexts/AuthContext.tsx       |   4 +-
 src/pages/dashboard/index.tsx      |   2 -
 src/pages/index.tsx                | 197 ++++++++++++++----------
 src/pages/pld/index.tsx            | 238 +++++++++++++++--------------
 src/pages/resumoOperacao/index.tsx |   2 +-
 src/pages/telemetria/index.tsx     |   3 +-
 src/services/auth.ts               |  33 ++--
 src/services/ssrApi.ts             |   7 +-
 9 files changed, 263 insertions(+), 227 deletions(-)

diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index f230a94..1f8aaa1 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -58,9 +58,7 @@ export default function Sidebar() {
   }, [router.pathname])
 
   useEffect(() => {
-    api.post('/notify').then(res => {
-      setNotificationsCount(res.data)
-    })
+    api.post('/notify').then(({ data: { data: notifyCount } }) => setNotificationsCount(notifyCount))
   }, [])
 
   return (
diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx
index 1525eae..e170137 100644
--- a/src/contexts/AuthContext.tsx
+++ b/src/contexts/AuthContext.tsx
@@ -42,9 +42,7 @@ export function AuthProvider({children}: {children: React.ReactNode}) {
     logout()
   }
 
-  async function signIn({email, password}: SignInData) {
-    signOut()
-
+  async function signIn({ email, password }: SignInData) {
     const { token, user, exception }: any = await signInRequest({
       email,
       password
diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx
index 2efeab5..e9bd7e2 100644
--- a/src/pages/dashboard/index.tsx
+++ b/src/pages/dashboard/index.tsx
@@ -237,8 +237,6 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
   await apiClient.post('/economy/grossAnnual').then(res => {
     grossAnualGraph = res.data.data
   })
-    .then(console.log)
-    .catch(console.log)
 
   await apiClient.post('/economy/grossMonthly').then(res => {
     grossMensalGraph = res.data.data
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 65021be..d5d8632 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,103 +1,108 @@
-import FormControl from '@mui/material/FormControl';
-import IconButton from '@mui/material/IconButton';
-import InputAdornment from '@mui/material/InputAdornment';
-import InputLabel from '@mui/material/InputLabel';
-import OutlinedInput from '@mui/material/OutlinedInput';
-import TextField from '@mui/material/TextField';
-import Head from 'next/head';
-import Image from 'next/image';
-import Link from 'next/link';
+import FormControl from '@mui/material/FormControl'
+import IconButton from '@mui/material/IconButton'
+import InputAdornment from '@mui/material/InputAdornment'
+import InputLabel from '@mui/material/InputLabel'
+import OutlinedInput from '@mui/material/OutlinedInput'
+import TextField from '@mui/material/TextField'
+import Head from 'next/head'
+import Image from 'next/image'
+import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useContext, useState, useEffect, useCallback, useRef, forwardRef } from 'react'
-import { AiOutlineEye, AiOutlineEyeInvisible } from 'react-icons/ai';
-import RenderIf from '../utils/renderIf';
-import Snackbar from '@mui/material/Snackbar';
+import {
+  useContext,
+  useState,
+  useEffect,
+  useCallback,
+  useRef,
+  forwardRef
+} from 'react'
+import { AiOutlineEye, AiOutlineEyeInvisible } from 'react-icons/ai'
+import RenderIf from '../utils/renderIf'
+import Snackbar from '@mui/material/Snackbar'
 
-import LoginButton from '../components/buttons/loginButton/LoginButton';
-import { AuthContext } from '../contexts/AuthContext';
-import { api } from '../services/api';
-import { LoginContainer, LoginView } from  '../styles/layouts/login/LoginView';
-import Dashboard from './dashboard';
-import MuiAlert, { AlertProps } from '@mui/material/Alert';
-import { GetServerSideProps } from 'next';
-import { parseCookies } from 'nookies';
+import LoginButton from '../components/buttons/loginButton/LoginButton'
+import { AuthContext } from '../contexts/AuthContext'
+import { api } from '../services/api'
+import { LoginContainer, LoginView } from '../styles/layouts/login/LoginView'
+import Dashboard from './dashboard'
+import MuiAlert, { AlertProps } from '@mui/material/Alert'
+import { GetServerSideProps } from 'next'
+import { parseCookies } from 'nookies'
+import { AxiosError } from 'axios'
 
 const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
   props,
-  ref,
+  ref
 ) {
-  return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />;
-});
+  return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />
+})
 
 export default function Home() {
-  const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false);
-  const [openSnackError, setOpenSnackError] = useState<boolean>(false);
+  const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false)
+  const [openSnackError, setOpenSnackError] = useState<boolean>(false)
 
   const field = useRef(null)
 
-  const [state, setstate] = useState(false);
-  const [focus, setFocus] = useState('email');
+  const [state, setstate] = useState(false)
+  const [focus, setFocus] = useState('email')
 
   const [values, setValues] = useState({
     password: null,
-    showPassword: false,
-  });
+    showPassword: false
+  })
 
-  const [email, setEmail] = useState<string>("")
+  const [email, setEmail] = useState<string>('')
   const [password, setPassword] = useState<string>()
 
   const router = useRouter()
   const rota = router.pathname
 
   const handleChange = (prop) => (event) => {
-    setValues({ ...values, [prop]: event.target.value });
-    setPassword(event.target.value);
-  };
+    setValues({ ...values, [prop]: event.target.value })
+    setPassword(event.target.value)
+  }
 
   const handleClickShowPassword = () => {
     setValues({
       ...values,
-      showPassword: !values.showPassword,
-    });
-  };
+      showPassword: !values.showPassword
+    })
+  }
 
   const handleMouseDownPassword = (event) => {
-    event.preventDefault();
-  };
+    event.preventDefault()
+  }
 
   const { signIn } = useContext(AuthContext)
 
   async function handleSignIn() {
-    if (email === "" || password === ""){
+    try {
+      if ([email, password].some(v => !v.trim())) return setOpenSnackError(true);
+
+      await signIn({ email, password })
+    } catch (ex) {
       setOpenSnackError(true)
-    }else{
-      try {
-        await signIn({email, password}).then((res: any) => {
-          if (res.response.status === 422 || res.response.status === 401 || res.response.status === 500 ) {
-            setOpenSnackError(true)
-          }
-        })
-      } catch (exception) {
-        console.log(exception)
-      }
     }
   }
 
-  const handleCloseSnack = (event?: React.SyntheticEvent | Event, reason?: string) => {
+  const handleCloseSnack = (
+    event?: React.SyntheticEvent | Event,
+    reason?: string
+  ) => {
     if (reason === 'clickaway') {
-      return;
+      return
     }
 
-    setOpenSnackError(false);
-    setOpenSnackSuccess(false);
-  };
+    setOpenSnackError(false)
+    setOpenSnackSuccess(false)
+  }
 
   useEffect(() => {
     setValues({
-      password: (''),
-      showPassword: null,
-    });
-    setEmail("")
+      password: '',
+      showPassword: null
+    })
+    setEmail('')
   }, [rota])
 
   return (
@@ -105,40 +110,62 @@ export default function Home() {
       <Head>
         <title>Smart Energia</title>
       </Head>
-      <Snackbar open={openSnackSuccess} autoHideDuration={4000} onClose={handleCloseSnack}>
-        <Alert onClose={handleCloseSnack} severity="success" sx={{ width: '100%' }}>
+      <Snackbar
+        open={openSnackSuccess}
+        autoHideDuration={4000}
+        onClose={handleCloseSnack}
+      >
+        <Alert
+          onClose={handleCloseSnack}
+          severity="success"
+          sx={{ width: '100%' }}
+        >
           notificação cadastrada com sucesso!
         </Alert>
       </Snackbar>
-      <Snackbar open={openSnackError} autoHideDuration={4000} onClose={handleCloseSnack}>
-        <Alert onClose={handleCloseSnack} severity="error" sx={{ width: '100%' }}>
-          Prencha os Campos corretamente!
+      <Snackbar
+        open={openSnackError}
+        autoHideDuration={4000}
+        onClose={handleCloseSnack}
+      >
+        <Alert
+          onClose={handleCloseSnack}
+          severity="error"
+          sx={{ width: '100%' }}
+        >
+          Preencha os campos corretamente!
         </Alert>
       </Snackbar>
 
       <div>
-        <Image src='/assets/marca1.png' width={500} height={340} />
+        <Image src="/assets/marca1.png" width={500} height={340} />
       </div>
 
       <LoginContainer>
         <h1>Bem-Vindo</h1>
-        <h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
+        <h2>
+          Estratégias Inteligentes em
+          <br /> Gestão de Energia
+        </h2>
 
-
-        <TextField id="outlined-basic"
-        sx={{ m: 1, width: '90%' }} label="Login" value={email} variant="outlined" onKeyDown={(e) => e.key==='Enter'? field.current.children[0].focus() : null}
-        onChange={value => {
-        setEmail(value.target.value.toLowerCase())
-        }}/>
+        <TextField
+          id="outlined-basic"
+          sx={{ m: 1, width: '90%' }}
+          label="Login"
+          value={email}
+          variant="outlined"
+          onKeyDown={(e) => e.key === 'Enter' && field.current.children[0].focus()}
+          onChange={(value) => setEmail(value.target.value.toLowerCase())}
+        />
         <FormControl sx={{ m: 1, width: '90%' }} variant="outlined">
-          <InputLabel htmlFor="outlined-adornment-password" >Senha</InputLabel>
+          <InputLabel htmlFor="outlined-adornment-password">Senha</InputLabel>
           <OutlinedInput
             id="outlined-adornment-password"
             type={values.showPassword ? 'text' : 'password'}
             value={values.password}
             onChange={handleChange('password')}
             ref={field}
-            onKeyDown={(e) => e.key==='Enter'? handleSignIn() : null}
+            onKeyDown={(e) => (e.key === 'Enter' ? handleSignIn() : null)}
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
@@ -147,22 +174,36 @@ export default function Home() {
                   onMouseDown={handleMouseDownPassword}
                   edge="end"
                 >
-                  {values.showPassword ? <AiOutlineEye /> : <AiOutlineEyeInvisible />}
+                  {values.showPassword ? (
+                    <AiOutlineEye />
+                  ) : (
+                    <AiOutlineEyeInvisible />
+                  )}
                 </IconButton>
               </InputAdornment>
             }
             label="Senha"
           />
         </FormControl>
-        <Link href='verifyEmail'>Esqueceu a senha ?</Link>
+        <Link href="verifyEmail">Esqueceu a senha ?</Link>
 
-        <LoginButton title='ENTRAR' onClick={() => handleSignIn()}/>
+        <LoginButton title="ENTRAR" onClick={() => handleSignIn()} />
 
         <fieldset className="line">
           <legend className="text">Ou</legend>
         </fieldset>
 
-        <p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' target="_blank" rel="noreferrer" >www.energiasmart.com.br</a></p>
+        <p>
+          <a href="tel:+55(41) 3012-5900">+55(41) 3012-5900</a>
+          <br />
+          <a
+            href="https://www.energiasmart.com.br"
+            target="_blank"
+            rel="noreferrer"
+          >
+            www.energiasmart.com.br
+          </a>
+        </p>
       </LoginContainer>
     </LoginView>
   )
diff --git a/src/pages/pld/index.tsx b/src/pages/pld/index.tsx
index 0c2d7e2..9c5d392 100644
--- a/src/pages/pld/index.tsx
+++ b/src/pages/pld/index.tsx
@@ -37,12 +37,12 @@ interface pldInterface {
   clientMonth: any
 }
 
-export default function pld({tableData, userName, clientMonth}: pldInterface) {
+export default function pld({ tableData, userName, clientMonth }: pldInterface) {
   const { pldMenu, setPldMenu } = useContext(MenuContext)
 
   const dateFormated = new Date()
 
-  const year_Month = `0${dateFormated.getMonth()+1}/${dateFormated.getFullYear()}`
+  const year_Month = `0${dateFormated.getMonth() + 1}/${dateFormated.getFullYear()}`
 
   const [date, setDate] = useState<any>(new Date());
   const [select, setSelect] = useState('SUDESTE');
@@ -56,9 +56,11 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
   const [norte, setNorte] = useState([])
   const [sudeste, setSudeste] = useState([])
   const [nordeste, setNordeste] = useState([])
-  const [ pageYPosition, setPageYPosition ] = useState(0);
+  const [pageYPosition, setPageYPosition] = useState(0);
 
-  function getPageYAfterScroll(){
+  console.log(tableData?.data)
+
+  function getPageYAfterScroll() {
     setPageYPosition(window.scrollY);
   }
 
@@ -76,9 +78,9 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
   function getDataByDay() {
     api.post('/pld/daily', {
       "filters": [
-          {"type" : "=", "field" : "year_month_formatted", "value": month, "row": true},
-          {"type" : "=", "field" : "submarket", "value": select}
-        ],
+        { "type": "=", "field": "year_month_formatted", "value": month, "row": true },
+        { "type": "=", "field": "submarket", "value": select }
+      ],
       "order": [{ "field": "day_calc", "direction": "asc" }]
     }).then(res => {
       setDataByDay(res.data.data)
@@ -92,9 +94,9 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
       "limit": 20,
       "offset": 0,
       "filters": [
-          {"type" : "=", "field" : "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true},
-          {"type" : "=", "field" : "submercado", "value": "SUL"}
-        ],
+        { "type": "=", "field": "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true },
+        { "type": "=", "field": "submercado", "value": "SUL" }
+      ],
       "order": [{ "field": "hour", "direction": "asc" }]
     }).then(res => {
       setSul(res.data.data)
@@ -106,9 +108,9 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
       "limit": 20,
       "offset": 0,
       "filters": [
-          {"type" : "=", "field" : "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true},
-          {"type" : "=", "field" : "submercado", "value": "SUDESTE"}
-        ],
+        { "type": "=", "field": "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true },
+        { "type": "=", "field": "submercado", "value": "SUDESTE" }
+      ],
       "order": [{ "field": "hour", "direction": "asc" }]
     }).then(res => {
       setSudeste(res.data.data)
@@ -120,9 +122,9 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
       "limit": 20,
       "offset": 0,
       "filters": [
-          {"type" : "=", "field" : "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true},
-          {"type" : "=", "field" : "submercado", "value": "NORTE"}
-        ],
+        { "type": "=", "field": "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true },
+        { "type": "=", "field": "submercado", "value": "NORTE" }
+      ],
       "order": [{ "field": "hour", "direction": "asc" }]
     }).then(res => {
       setNorte(res.data.data)
@@ -134,9 +136,9 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
       "limit": 20,
       "offset": 0,
       "filters": [
-          {"type" : "=", "field" : "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true},
-          {"type" : "=", "field" : "submercado", "value": "NORDESTE"}
-        ],
+        { "type": "=", "field": "dia_num", "value": date.toLocaleDateString().split('/').reverse().join('-'), "row": true },
+        { "type": "=", "field": "submercado", "value": "NORDESTE" }
+      ],
       "order": [{ "field": "hour", "direction": "asc" }]
     }).then(res => {
       setNordeste(res.data.data)
@@ -150,14 +152,14 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
       return ''
     else if (value >= tableData.result[0][`${region}_max`])
       return ''
-    else if (tableData.result[0][`${region}_max`] - value > tableData.result[0][`${region}_max`]/2)
+    else if (tableData.result[0][`${region}_max`] - value > tableData.result[0][`${region}_max`] / 2)
       return ''
     else if (tableData.result[1][`${region}_min`] - value <= tableData.result[1][`${region}_min`])
       return ''
   }
 
   function downloadCSVFile(csv, filename) {
-    const csv_file = new Blob(["\ufeff",csv], {type: "text/csv"});
+    const csv_file = new Blob(["\ufeff", csv], { type: "text/csv" });
 
     const download_link = document.createElement("a");
 
@@ -177,7 +179,7 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
     const rows = document.querySelectorAll("table tr");
     // const rows = document.getElementsByClassName('tabela');
 
-    for (let i = rows.length/2; i < rows.length; i++) {
+    for (let i = rows.length / 2; i < rows.length; i++) {
       const row = [], cols: any = rows[i].querySelectorAll("td, th");
 
       for (let j = 0; j < cols.length; j++) {
@@ -200,31 +202,31 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
   }, [])
 
   return (
-    <main style={{width: '100%'}}>
+    <main style={{ width: '100%' }}>
       <Head>
         <title>Smart Energia - PLD</title>
       </Head>
-      <div id='title'/>
+      <div id='title' />
       <Header name={userName}>
-        <PageTitle title='PLD' subtitle='Evolução PLD - Valores em R$/MWh'/>
+        <PageTitle title='PLD' subtitle='Evolução PLD - Valores em R$/MWh' />
       </Header>
       <TableHeader>
         <Tabs value={pldMenu} onChange={(e, nv) => setPldMenu(nv)} aria-label="">
-          <Tab label="Pld Histórico"/>
-          <Tab label="Valores Diários"/>
-          <Tab label="Valores Horários"/>
+          <Tab label="Pld Histórico" />
+          <Tab label="Valores Diários" />
+          <Tab label="Valores Horários" />
         </Tabs>
         <div className='btnDownload'>
           <RenderIf isTrue={pldMenu === 0}>
             <BasicButton onClick={() => {
               const html = document.querySelector("table").outerHTML;
               htmlToCSV(html, "tabela_PLD.csv");
-            }} title='Download'/>
+            }} title='Download' />
           </RenderIf>
         </div>
       </TableHeader>
 
-      <RenderIf isTrue={pldMenu===0}>
+      <RenderIf isTrue={pldMenu === 0}>
         <PldTableView>
           <table className='tg'>
             <thead>
@@ -238,17 +240,17 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
             </thead>
             <tbody>
               {
-                tableData.data.map(data => {
-                  return <>
-                    <tr className={data.year_month_formatted==year_Month? 'actual' : ''}>
+                tableData?.data?.map(data => (
+                  <>
+                    <tr className={data.year_month_formatted == year_Month ? 'actual' : ''}>
                       <td className='tg-gceh'>{data.year_month_formatted}</td>
-                      <td className={`tg-uulg`}>{parseFloat(data.nordeste).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                      <td className={`tg-gceh`}>{parseFloat(data.norte).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                      <td className={`tg-gceh`}>{parseFloat(data.sudeste).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                      <td className={`tg-uulg`}>{parseFloat(data.sul).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                      <td className={`tg-uulg`}>{parseFloat(data.nordeste).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                      <td className={`tg-gceh`}>{parseFloat(data.norte).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                      <td className={`tg-gceh`}>{parseFloat(data.sudeste).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                      <td className={`tg-uulg`}>{parseFloat(data.sul).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
                     </tr>
                   </>
-                })
+                ))
               }
             </tbody>
           </table>
@@ -261,31 +263,31 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
                   if (index === 0) {
                     return <>
                       <tr>
-                        <td style={{borderTopLeftRadius: 8}} className='tg-gceh'>Máximo</td>
-                        <td className='tg-uulg'>{parseFloat(data.nordeste_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.norte_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.sudeste_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-uulg'>{parseFloat(data.sul_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                        <td style={{ borderTopLeftRadius: 8 }} className='tg-gceh'>Máximo</td>
+                        <td className='tg-uulg'>{parseFloat(data.nordeste_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.norte_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.sudeste_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-uulg'>{parseFloat(data.sul_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
                       </tr>
                     </>
-                  } else if (index===1) {
+                  } else if (index === 1) {
                     return <>
                       <tr>
                         <td className='tg-gceh'>Mínimo</td>
-                        <td className='tg-uulg'>{parseFloat(data.nordeste_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.norte_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.sudeste_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-uulg'>{parseFloat(data.sul_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                        <td className='tg-uulg'>{parseFloat(data.nordeste_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.norte_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.sudeste_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-uulg'>{parseFloat(data.sul_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
                       </tr>
                     </>
-                  } else if (index===2) {
+                  } else if (index === 2) {
                     return <>
                       <tr>
-                        <td className='tg-gceh' style={{borderBottomColor: 'transparent'}}>Desv. Padrão</td>
-                        <td className='tg-uulg' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.nordeste_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
-                        <td className='tg-gceh' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.norte_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
-                        <td className='tg-gceh' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.sudeste_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
-                        <td className='tg-uulg' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.sul_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
+                        <td className='tg-gceh' style={{ borderBottomColor: 'transparent' }}>Desv. Padrão</td>
+                        <td className='tg-uulg' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.nordeste_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.norte_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.sudeste_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
+                        <td className='tg-uulg' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.sul_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
                       </tr>
                     </>
                   }
@@ -296,7 +298,7 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
         </PldTableMinMaxView>
 
         <PldTableView display={false}>
-          <table className="tg tabela" style={{display: 'none'}}>
+          <table className="tg tabela" style={{ display: 'none' }}>
             <thead>
               <tr className='tr'>
                 <th className='tg-8oo6'>Mês</th>
@@ -308,14 +310,14 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
             </thead>
             <tbody>
               {
-                tableData.data.map(data => {
+                tableData?.data?.map(data => {
                   return <>
-                    <tr className={`${data.year_month_formatted==year_Month? 'actual' : ''} tr`}>
+                    <tr className={`${data.year_month_formatted == year_Month ? 'actual' : ''} tr`}>
                       <td className='tg-gceh'>{data.year_month_formatted}</td>
-                      <td className={`tg-uulg`}>{parseFloat(data.nordeste).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                      <td className={`tg-gceh`}>{parseFloat(data.norte).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                      <td className={`tg-gceh`}>{parseFloat(data.sudeste).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                      <td className={`tg-uulg`}>{parseFloat(data.sul).toLocaleString('pt-br',{currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                      <td className={`tg-uulg`}>{parseFloat(data.nordeste).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                      <td className={`tg-gceh`}>{parseFloat(data.norte).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                      <td className={`tg-gceh`}>{parseFloat(data.sudeste).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                      <td className={`tg-uulg`}>{parseFloat(data.sul).toLocaleString('pt-br', { currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
                     </tr>
                   </>
                 })
@@ -325,31 +327,31 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
                   if (index === 0) {
                     return <>
                       <tr className='tr'>
-                        <td style={{borderTopLeftRadius: 8}} className='tg-gceh'>Máximo</td>
-                        <td className='tg-uulg'>{parseFloat(data.nordeste_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.norte_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.sudeste_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-uulg'>{parseFloat(data.sul_max).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                        <td style={{ borderTopLeftRadius: 8 }} className='tg-gceh'>Máximo</td>
+                        <td className='tg-uulg'>{parseFloat(data.nordeste_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.norte_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.sudeste_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-uulg'>{parseFloat(data.sul_max).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
                       </tr>
                     </>
-                  } else if (index===1) {
+                  } else if (index === 1) {
                     return <>
                       <tr className='tr'>
                         <td className='tg-gceh'>Mínimo</td>
-                        <td className='tg-uulg'>{parseFloat(data.nordeste_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.norte_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-gceh'>{parseFloat(data.sudeste_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
-                        <td className='tg-uulg'>{parseFloat(data.sul_min).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                        <td className='tg-uulg'>{parseFloat(data.nordeste_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.norte_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh'>{parseFloat(data.sudeste_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
+                        <td className='tg-uulg'>{parseFloat(data.sul_min).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2, maximumFractionDigits: 2 })}</td>
                       </tr>
                     </>
-                  } else if (index===2) {
+                  } else if (index === 2) {
                     return <>
                       <tr className='tr'>
-                        <td className='tg-gceh' style={{borderBottomColor: 'transparent'}}>Desv. Padrão</td>
-                        <td className='tg-uulg' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.nordeste_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
-                        <td className='tg-gceh' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.norte_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
-                        <td className='tg-gceh' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.sudeste_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
-                        <td className='tg-uulg' style={{borderBottomColor: 'transparent'}}>{parseFloat(data.sul_desv_pad).toLocaleString('pt-br',{style: 'currency', currency: 'BRL', minimumFractionDigits: 2})}</td>
+                        <td className='tg-gceh' style={{ borderBottomColor: 'transparent' }}>Desv. Padrão</td>
+                        <td className='tg-uulg' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.nordeste_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.norte_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
+                        <td className='tg-gceh' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.sudeste_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
+                        <td className='tg-uulg' style={{ borderBottomColor: 'transparent' }}>{parseFloat(data.sul_desv_pad).toLocaleString('pt-br', { style: 'currency', currency: 'BRL', minimumFractionDigits: 2 })}</td>
                       </tr>
                     </>
                   }
@@ -361,24 +363,24 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
       </RenderIf>
 
       {/* grafico de grafico por seleção de data (mês) (diario)*/}
-      <RenderIf isTrue={pldMenu===1}>
+      <RenderIf isTrue={pldMenu === 1}>
         <PldGraphView>
           <section className='toolsbar2'>
             <FormControl sx={{
               width: '320px'
             }}>
               <InputLabel id="demo-simple-select-label">Região</InputLabel>
-                <Select
-                  value={select}
-                  onChange={handleChange}
-                  displayEmpty
-                  label='Região'
-                >
-                  <MenuItem value={'NORTE'}>Norte</MenuItem>
-                  <MenuItem value={'NORDESTE'}>Nordeste</MenuItem>
-                  <MenuItem value={'SUL'}>Sul</MenuItem>
-                  <MenuItem value={'SUDESTE'}>Sudeste</MenuItem>
-                </Select>
+              <Select
+                value={select}
+                onChange={handleChange}
+                displayEmpty
+                label='Região'
+              >
+                <MenuItem value={'NORTE'}>Norte</MenuItem>
+                <MenuItem value={'NORDESTE'}>Nordeste</MenuItem>
+                <MenuItem value={'SUL'}>Sul</MenuItem>
+                <MenuItem value={'SUDESTE'}>Sudeste</MenuItem>
+              </Select>
             </FormControl>
             <FormControl sx={{
               width: '320px',
@@ -386,39 +388,39 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
             }}>
               <InputLabel id="demo-simple-select-label">Mês</InputLabel>
               <Select
-                  value={month}
-                  onChange={handleChangeDay}
-                  displayEmpty
-                  placeholder='dia'
-                  label="Age"
-                >
-                  <MenuItem value={'0'}>Nenhum</MenuItem>
-                  {
-                    clientMonth.sort((a, b) => {
-                      if (a.mes_ref.split('/')[0] < b.mes_ref.split('/')[0]) return 1
-                      if (a.mes_ref.split('/')[0] > b.mes_ref.split('/')[0]) return -1
-                    }).sort((a, b) => {
-                      if (a.mes_ref.split('/')[1] < b.mes_ref.split('/')[1]) return 1
-                      if (a.mes_ref.split('/')[1] > b.mes_ref.split('/')[1]) return -1
-                    }).map((data, index) => {
-                      return <MenuItem key={index} value={data.mes_ref}>{data.mes_ref}</MenuItem>
-                    })
-                  }
+                value={month}
+                onChange={handleChangeDay}
+                displayEmpty
+                placeholder='dia'
+                label="Age"
+              >
+                <MenuItem value={'0'}>Nenhum</MenuItem>
+                {
+                  clientMonth.sort((a, b) => {
+                    if (a.mes_ref.split('/')[0] < b.mes_ref.split('/')[0]) return 1
+                    if (a.mes_ref.split('/')[0] > b.mes_ref.split('/')[0]) return -1
+                  }).sort((a, b) => {
+                    if (a.mes_ref.split('/')[1] < b.mes_ref.split('/')[1]) return 1
+                    if (a.mes_ref.split('/')[1] > b.mes_ref.split('/')[1]) return -1
+                  }).map((data, index) => {
+                    return <MenuItem key={index} value={data.mes_ref}>{data.mes_ref}</MenuItem>
+                  })
+                }
               </Select>
             </FormControl>
           </section>
           <LineBarChart
-          data1={dataByDay.map(value => value.mmovel)} data3={dataByDay}
-          dataset1={'Média'} dataset2={'barra1'} dataset3={'Diario'}
-          label={dataByDay.map((value, index) => {
-            return value.day_formatted
-          })}
-          title='' subtitle='' />
+            data1={dataByDay.map(value => value.mmovel)} data3={dataByDay}
+            dataset1={'Média'} dataset2={'barra1'} dataset3={'Diario'}
+            label={dataByDay.map((value, index) => {
+              return value.day_formatted
+            })}
+            title='' subtitle='' />
         </PldGraphView>
       </RenderIf>
 
       {/* grafico de grafico por seleção de data INTEIRA (horario)*/}
-      <RenderIf isTrue={pldMenu===2}>
+      <RenderIf isTrue={pldMenu === 2}>
         <PldGraphView>
           <section className='toolsbar2'>
             {/* <p>Selecione a data: </p> */}
@@ -429,7 +431,7 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
                   inputFormat="dd/MM/yyyy"
                   value={date}
                   onChange={handleChangeDate}
-                  renderInput={(params) => <TextField {...params} style={{minWidth: '320px'}}/>}
+                  renderInput={(params) => <TextField {...params} style={{ minWidth: '320px' }} />}
                 />
               </div>
             </LocalizationProvider>
@@ -441,7 +443,7 @@ export default function pld({tableData, userName, clientMonth}: pldInterface) {
           />
         </PldGraphView>
       </RenderIf>
-      {pageYPosition > 300 && <a href="#title" style={{position: 'fixed', right: '50px', bottom: '100px'}}>
+      {pageYPosition > 300 && <a href="#title" style={{ position: 'fixed', right: '50px', bottom: '100px' }}>
         <Fab aria-label="add">
           <NavigationIcon />
         </Fab>
@@ -455,11 +457,11 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
   const { ['@smartAuth-token']: token } = parseCookies(ctx)
   const { ['user-name']: userName } = parseCookies(ctx)
 
-  let tableData = [];
+  let tableData = { data: [], result: [] };
   let clientMonth = [];
 
   await apiClient.post('/pld/list').then(res => {
-    tableData = res.data
+    tableData = res.data.data
   })
 
   await apiClient.post('/pld', {
diff --git a/src/pages/resumoOperacao/index.tsx b/src/pages/resumoOperacao/index.tsx
index 11bf449..75620f1 100644
--- a/src/pages/resumoOperacao/index.tsx
+++ b/src/pages/resumoOperacao/index.tsx
@@ -30,7 +30,7 @@ export default function ResumoOperacao({
   clientMonth
 }: any) {
   const [month, setMonth] = useState('')
-  const [unidade, setUnidade] = useState(clients[0].cod_smart_unidade)
+  const [unidade, setUnidade] = useState(clients?.[0]?.cod_smart_unidade ?? 0)
   const [tableDataState, setTableDataState] = useState<any>([])
 
   const { ['user-id']: id } = parseCookies()
diff --git a/src/pages/telemetria/index.tsx b/src/pages/telemetria/index.tsx
index 7917ac6..1a290fe 100644
--- a/src/pages/telemetria/index.tsx
+++ b/src/pages/telemetria/index.tsx
@@ -61,7 +61,7 @@ const months = [
 ]
 
 export default function Telemetria({ userName, clients }: any) {
-  const [unity, setUnity] = useState(clients[0]?.codigo_scde)
+  const [unity, setUnity] = useState(clients?.[0]?.codigo_scde ?? 0)
   const [startDate, setStartDate] = useState(new Date())
   const [endDate, setEndDate] = useState(new Date())
   const [month, setMonth] = useState(new Date().getMonth())
@@ -915,7 +915,6 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
       distinct: true
     })
     .then((res) => {
-      console.log(res.data)
       clients = res.data.data
     })
 
diff --git a/src/services/auth.ts b/src/services/auth.ts
index eebc6c2..7527dc6 100644
--- a/src/services/auth.ts
+++ b/src/services/auth.ts
@@ -1,23 +1,23 @@
-import { api } from "./api";
+import { api } from './api'
 
-export const TOKEN_KEY = "@smartAuth-token";
+export const TOKEN_KEY = '@smartAuth-token'
 
 interface SignInRequestData {
-  email: string,
+  email: string
   password: string
 }
 
 type UserObjectType = {
-  name: string;
-  email: string;
-  client_id: number;
-  id: number;
-  role: number;
+  name: string
+  email: string
+  client_id: number
+  id: number
+  role: number
   profile_picture?: string
 }
 
 export async function signInRequest(data: SignInRequestData) {
-  let user: UserObjectType, token: string, exception: any = null
+  let user: UserObjectType, token: string
 
   await api
     .post('/auth/login', {
@@ -36,9 +36,6 @@ export async function signInRequest(data: SignInRequestData) {
         profile_picture: res.data.user.profile_picture
       }
     })
-    .catch((res) => {
-      exception = res
-    })
 
   return {
     token,
@@ -49,15 +46,14 @@ export async function signInRequest(data: SignInRequestData) {
       id: user?.id,
       role: user?.role,
       profile_picture: user?.profile_picture
-    },
-    exception
+    }
   }
 }
 
 export default async function recoverUserInformation(id) {
   let user: UserObjectType
 
-  await api.get(`/user/${id}`).then(res => {
+  await api.get(`/user/${id}`).then((res) => {
     user = {
       name: res.data.user.name,
       email: res.data.user.email,
@@ -80,7 +76,8 @@ export default async function recoverUserInformation(id) {
 }
 
 export async function logout() {
-  await api.post('/auth/logout', {})
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  .then(res => {})
+  await api
+    .post('/auth/logout', {})
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    .then((res) => {})
 }
diff --git a/src/services/ssrApi.ts b/src/services/ssrApi.ts
index b68bb4a..71a3d99 100644
--- a/src/services/ssrApi.ts
+++ b/src/services/ssrApi.ts
@@ -18,9 +18,12 @@ export default function getAPIClient(
   const { '@smartAuth-token': token } = parseCookies(ctx)
 
   const api = axios.create({
-    baseURL: 'https://api.energiasmart.com.br/api'
+    // baseURL: 'https://api.energiasmart.com.br/api'
     // baseURL: 'https://api.energiasmart.klupp.com.br/api'
-    // baseURL: 'http://api-smart.test/api'
+    baseURL:
+      process.env.NODE_ENV === 'production'
+        ? 'https://api.energiasmart.com.br/api'
+        : 'http://api-smart.test/api'
   })
 
   api.interceptors.request.use((config) => {