fixes

src/components/administrativeTables/ClientsTable.tsx

@@ -284,13 +284,7 @@ export default function ClientTable({ clients, onChange }: ClientsTableInterface
 
   const formData = new FormData()
 
-  const [clientEdit, setClientEdit] = useState<any>({
+  const [clientEdit, setClientEdit] = useState<any>({})
-    name: String,
-    email: String,
-    password: String,
-    password_confirmation: String,
-    client_id: Number
-  })
   const [logo, setLogo] = useState(false)
   const [imageURLS, setImageURLs] = useState([])
   const [images, setImages] = useState([] as any)
@@ -298,6 +292,7 @@ export default function ClientTable({ clients, onChange }: ClientsTableInterface
   const [openEditUserModal, setOpenEditUserModal] = useState<any>(false);
 
   const [selectedClient, setSelectedClient] = useState<any>(2);
+  const [search, setSearch] = useState('')
 
   useEffect(() => {
     if (images.length < 1) return
@@ -348,6 +343,7 @@ export default function ClientTable({ clients, onChange }: ClientsTableInterface
           Não foi possivel encontrar unidades do client!
         </Alert>
       </Snackbar>
+      <TextField onChange={(e) => setSearch(e.target.value)} placeholder='persquisar por nome:' />
       <Paper sx={{ width: '100%', mb: 2 }}>
         <TableContainer>
           <Table
@@ -365,6 +361,7 @@ export default function ClientTable({ clients, onChange }: ClientsTableInterface
             />
             <TableBody>
               {stableSort(clients, getComparator(order, orderBy))
+                .filter(client => client.name.toLowerCase().includes(search.toLowerCase()))
                 .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
                 .map((row, index) => {
                   const isItemSelected = isSelected(row.id);

src/components/graph/grossAnualChart/GrossAnualChart.tsx

@@ -82,9 +82,6 @@ export function GrossAnualChart({ title, subtitle, dataProps = [], label, datase
           const percentage = (dataProps[ctx.dataIndex]?.econ_percentual * 100).toFixed(0) + "%";
           const result = `${spacement(parseInt(value).toLocaleString('pt-br'))}${percentage}\n${parseInt(value).toLocaleString('pt-br')}${spacement(parseInt(value).toLocaleString('pt-br'))}`
 
-          console.log(value == null ? null : result)
-          console.log(dataProps)
-
           return value == null ? null : result
         },
         display: true,
@@ -143,7 +140,7 @@ export function GrossAnualChart({ title, subtitle, dataProps = [], label, datase
             return 0
           })
         },
-        data: [].concat(dataProps.filter(value => value.dad_estimado === true).map((value, index) => {
+        data: [].concat(dataProps.filter(value => value.dad_estimado === true).slice(0, 7).map((value, index) => {
           return parseFloat(value?.economia_acumulada)
         })),
         borderRadius: 10,

src/components/graph/grossMensalChart/GrossMensalChart.tsx

@@ -36,22 +36,6 @@ export default function GrossMensalChart({
   subtitle,
   miniature
 }: ChartInterface) {
-  function spacement(string) {
-    const spaces =
-      string.length === 1
-        ? ''
-        : string.length === 2
-          ? ''
-          : string.length === 3
-            ? ' '
-            : string.length === 4
-              ? '  '
-              : string.length === 5
-                ? '   '
-                : ''
-    return spaces
-  }
-
   const [lastDataS, setLastData] = useState('')
   useEffect(() => {
     let lastData = '0'

src/pages/administrative/clients/index.tsx

@@ -156,6 +156,7 @@ export default function clients({ clients, userName }) {
     setLogo(e.target.files[0])
   }
 
+
   return (
     <div style={{ display: 'flex', flexDirection: 'column', width: '100%' }}>
       <Snackbar

src/pages/dashboard/index.tsx

@@ -59,6 +59,9 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
 
   const { ['terms']: terms } = parseCookies()
 
+  const currentYear = new Date().getUTCFullYear()
+  const previousYear = new Date().getUTCFullYear() - 1
+
   const [lastDataBrutaMensalS, setLastDataBrutaMensal] = useState('')
   const [lastDataBrutaAnualS, setLastDataBrutaAnual] = useState('')
 
@@ -86,8 +89,6 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
     setLastDataBrutaAnual(`${parseFloat(lastDataAnual).toFixed(3)}`)
   }, [])
 
-  console.log(grossAnualGraph)
-
   return (
     <DashboardView>
       <Head>
@@ -140,7 +141,8 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
                 <CostIndicatorChart title='' subtitle=''
                   data1={costIndicator?.filter((value, index) => value?.mes.slice(0, 4).includes(costIndicator[0].mes.slice(0, 4))).map(value => value?.custo_unit && !!parseInt(value?.custo_unit) ? value.custo_unit : null)}
                   data2={costIndicator?.filter((value, index) => value?.mes.slice(0, 4).includes(costIndicator[costIndicator.length - 1].mes.slice(0, 4))).map(value => value?.custo_unit && !!parseInt(value?.custo_unit) ? value.custo_unit : null)}
-                  years={[costIndicator[0].mes.slice(0, 4), costIndicator[costIndicator.length - 1].mes.slice(0, 4)]}
+                  // years={[costIndicator[0].mes.slice(0, 4), costIndicator[costIndicator.length - 1].mes.slice(0, 4)]}
+                  years={[previousYear, currentYear]}
                   label={months}
                   miniature
                 />
@@ -155,6 +157,7 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
                 <Typography id="modal-modal-title" variant="h6" component="h2">
                   Termos de uso
                 </Typography>
+                <img src='assets/smart-energia-terms-image.png' style={{ maxWidth: '100%' }} />
                 <Typography id="modal-modal-description" sx={{ mt: 2 }}>
                   <p>
                     Bem-vindo ao Smart Energy View, a Plataforma Web da SMART ENERGIA!
@@ -184,8 +187,6 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
                     A divulgação não autorizada das informações adquiridas nesta plataforma (ou seu uso), de forma integral ou parcial, é proibida, não sendo permitido o compartilhamento dos acessos e senhas ou qualquer informação que tiver acesso junto a esta plataforma, sendo que o acesso a esta plataforma é restrito e individual.
                   </p>
 
-                  ‌
-
                   <p>
                     Destacamos que os resultados informados são meramente indicativos, não vinculantes a resultados e que as premissas disponibilizadas na plataforma são as mesmas utilizadas nos Energys Reports e estudos encaminhados.
                   </p>

src/pages/economy/index.tsx

@@ -5,25 +5,25 @@ import Select from '@mui/material/Select';
 import { GetServerSideProps } from 'next';
 import Head from 'next/head';
 import { parseCookies } from 'nookies';
-import React, { useContext, useEffect, useState } from 'react'
+import { useContext, useEffect, useState } from 'react';
 
-import Header from '../../components/header/Header'
+import Header from '../../components/header/Header';
 import PageTitle from '../../components/pageTitle/PageTitle';
 import { api } from '../../services/api';
 import getAPIClient from '../../services/ssrApi';
-import { TableHeader } from '../../styles/layouts/pld/PldView'
+import { TableHeader } from '../../styles/layouts/pld/PldView';
-import RenderIf from '../../utils/renderIf'
+import RenderIf from '../../utils/renderIf';
 
-import Tabs from '@mui/material/Tabs';
 import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
 
-import { MenuContext } from '../../contexts/menu/MenuContext';
+import AccumulatedEconomyTitle from '../../components/accumulatedEconomyTitle/AccumulatedEconomyTitle';
-import { GrossAnualChart } from '../../components/graph/grossAnualChart/GrossAnualChart';
-import GrossMensalChart from '../../components/graph/grossMensalChart/GrossMensalChart';
 import { CativoXLivreChart } from '../../components/graph/cativoXLivreChart';
 import CostIndicatorChart from '../../components/graph/costIndicatorChart';
+import { GrossAnualChart } from '../../components/graph/grossAnualChart/GrossAnualChart';
+import GrossMensalChart from '../../components/graph/grossMensalChart/GrossMensalChart';
+import { MenuContext } from '../../contexts/menu/MenuContext';
 import { EconomyView } from '../../styles/layouts/economy/economy';
-import AccumulatedEconomyTitle from '../../components/accumulatedEconomyTitle/AccumulatedEconomyTitle';
 
 export default function economy({ userName, anual, years, brutaMensal, catLiv, clients, indicatorCost }: any) {
   const { economyMenu, setEconomyMenu } = useContext(MenuContext)
@@ -70,6 +70,9 @@ export default function economy({userName, anual, years, brutaMensal, catLiv, cl
     }
     setLastDataBruta(`${parseFloat(lastData).toFixed(3)}`)
   }, [economyMenu])
+  useEffect(() => {
+    console.log(indicatorDataState)
+  }, [indicatorDataState])
 
   async function getChartsWithUnity() {
     await api.post('/economy/estimates', unity !== '' ? {
@@ -91,7 +94,6 @@ export default function economy({userName, anual, years, brutaMensal, catLiv, cl
 
   useEffect(() => {
     getChartsWithUnity()
-    console.log(brutaMensal)
   }, [unity])
 
   return (
@@ -209,6 +211,7 @@ export default function economy({userName, anual, years, brutaMensal, catLiv, cl
                   <CostIndicatorChart title='' subtitle=''
                     data1={indicatorDataState?.filter(value => value?.mes.slice(0, 4).includes(previousYear)).map(value => value?.custo_unit && !!parseInt(value?.custo_unit) ? value.custo_unit : null)}
                     data2={indicatorDataState?.filter(value => value?.mes.slice(0, 4).includes(currentYear)).map(value => value?.custo_unit && !!parseInt(value?.custo_unit) ? value.custo_unit : null)}
+                    years={[previousYear, currentYear]}
                     label={months}
                   />
                 </section>