import React from 'react'; import { 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] = React.useState(''); const [startDate, setStartDate] = React.useState(''); const [endDate, setEndDate] = React.useState(''); const [discretization, setDiscretization] = React.useState(''); const [showChart, setShowChart] = React.useState(false); const handleChange = (event: SelectChangeEvent) => { // setAge(event.target.value); }; return( Smart Energia - Telemetria

Unidade

Unidade

Data inicial

Data Inicial

Data Final

Data Final

Discretização

Discretização
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 } } }