import React, { useEffect, useState } from 'react' import { ChatTelemetryView } from '../../styles/layouts/ChatTelemetry/ChatTelemetryView' import Header from '../../components/header/Header' import PageTitle from '../../components/pageTitle/PageTitle' import Head from 'next/head' import { GetServerSideProps } from 'next' import { parseCookies } from 'nookies' import getAPIClient from '../../services/ssrApi' import FatorPotenciaChart from '../../components/graph/fatorPotenciaChart' import { DiscretizedConsumptionChart } from '../../components/graph/DiscretizedConsumptionChart' import DiscretizedConsumptionChartLine from '../../components/graph/DiscretizedConsumptionChartLine' import { useRouter } from 'next/router' import { DemRegXDemConChart } from '../../components/graph/DemRegXDemConChart' import RenderIf from '../../utils/renderIf' export default function chartTelemetry({userName}) { const [fatorPotenciaData, setFatorPotenciaData] = useState([]); const [demRegXDemCon, setDemRegXDemCon] = useState([]); const [discretizedConsumptionData, setDiscretizedConsumptionData] = useState([]); const [discretizedConsumptionDataReativa, setDiscretizedConsumptionDataReativa] = useState([]); const { ['user-cod_client']: cod_client } = parseCookies() const router = useRouter() const {startDate, endDate, unity, discretization} = router.query function getChartsData() { // getPowerFactorData("PRAXCUENTR101P", "2022-01-01", "2022-01-31", "med_5min") // .then(result => setFatorPotenciaData(result)) // .catch(exception => console.log('exeption', exception)) } useEffect(() => { getChartsData() }, []) return ( Smart Energia - Graficos Telemetria
{ demRegXDemCon===null?
: <> {/* */}
value.minut)} dataset={'Consumo'} dataset1='Estimado' month/>

{`Mês - ${startDate}`}

parseFloat(data.reativa).toFixed(3))} />
value.hora)} title='Demanda Contratada X Registrada' subtitle='' red/>
parseFloat(value.dia_num))} />
}
) } export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) const { ['user-cod_client']: cod_client } = parseCookies(ctx) if (!token) { return { redirect: { destination: '/', permanent: false } } } return { props: { userName, } } }