Smart Energia - Telemetria

import React, { useState } from 'react'; import router, { useRouter } from 'next/router' import Banner from '../components/banner/Banner'; import { TelemetriaView, Buttons} from '../styles/layouts/Telemetria/TelemetriaView'; import GradientButton from '../components/buttons/gradientButton/GradientButton' import Header from '../components/header/Header'; import MenuItem from '@mui/material/MenuItem'; import InputLabel from '@mui/material/InputLabel'; import FormControl from '@mui/material/FormControl'; import Select, { SelectChangeEvent } from '@mui/material/Select'; import Link from 'next/link'; import Head from 'next/head'; import { start } from 'nprogress'; import LineChart from '../components/graph/LineChart'; import { FatorPotencia } from '../services/fatorPotencia'; import RenderIf from '../utils/renderIf'; import { GetServerSideProps } from 'next'; import { parseCookies } from 'nookies'; export default function Telemetria({userName}: any) { const [unity, setUnity] = useState(''); const [startDate, setStartDate] = useState(''); const [endDate, setEndDate] = useState(''); const [discretization, setDiscretization] = useState(''); const [date, setDate] = useState(''); const [showChart, setShowChart] = useState(false); const handleChange = (event: SelectChangeEvent) => { // setAge(event.target.value); }; return( Smart Energia - Telemetria

Unidade

Data inicial

setStartDate(value.target.value)}/>

Data final

setEndDate(value.target.value)}/>

Discretização

{/* */} {/* router.replace('/chartTelemetry')}/> */} setShowChart(!showChart)} green />

Fonte: Dados coletados do Sistema de Coleta de Dados de Energia - SCDE da Câmara de Comercialização
Energia Elétrica – CCEE, sendo que as quantidades aqui informadas são de responsabilidade
do agente de medição - Distribuidora.

) } export const getServerSideProps: GetServerSideProps = async (ctx) => { const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) if (!token) { return { redirect: { destination: '/', permanent: false } } } return { props: { userName } } }