import React from 'react' import { DashboardView } from '../../styles/layouts/dashboard/DashboardView' import MapCard from '../../components/mapCard/MapCard' import GraphCard from '../../components/graph/graphCard/ChartCard' import Header from '../../components/header/Header' import PageTitle from '../../components/pageTitle/PageTitle' import Link from 'next/link' import LineChart from '../../components/graph/LineChart' import { SingleBar } from '../../components/graph/SingleBar' import { dataEconomiaBruta } from '../../services/economiaBruta' import { dataEconomiaIndicador } from '../../services/economiaIndicador' import { EconomiaAcumulada } from '../../services/economiaAcumulada' import Chart from '../../components/graph/Chart' import { LineBarChart } from '../../components/graph/LineBarChart' import { LineBarChart2 } from '../../components/graph/LineBarChart2' import { ConsumoEstimado } from '../../services/consumoEstimado' import Head from 'next/head' import recoverUserInformation from '../../services/auth' import { parseCookies } from 'nookies' import { GetServerSideProps } from 'next' import getAPIClient from '../../services/ssrApi' export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator} : any) { return ( Smart Energia - Dashboard
{ mapsInfo.map(value => { return }) }
value.mes.slice(3, 7).includes('2021')).sort((a, b) => { if (parseFloat(a.mes.slice(0,2)) > parseFloat(b.mes.slice(1,2))) return 1 if (parseFloat(a.mes.slice(0,2)) < parseFloat(b.mes.slice(1,2))) return -1 return 0 })} data2={costIndicator.filter((value, index) => value.mes.slice(3, 7).includes('2022'))} label={costIndicator.filter((value, index) => value.mes.slice(3, 7).includes('2021')).sort((a, b) => { if (parseFloat(a.mes.slice(0,2)) > parseFloat(b.mes.slice(1,2))) return 1 if (parseFloat(a.mes.slice(0,2)) < parseFloat(b.mes.slice(1,2))) return -1 return 0 }).map(value => value.mes)} barLabel />
) } export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) let grossAnualGraph = []; let grossMensalGraph = []; let acumulatedGraph = []; let costIndicator = [] let mapsInfo = []; await apiClient.post('/economy/grossAnnual').then(res => { grossAnualGraph = res.data.data }).catch(res => { console.log(res) }) await apiClient.post('/economy/grossMonthly').then(res => { grossMensalGraph = res.data.data }).catch(res => { console.log(res) }) await apiClient.post('/economy/estimates').then(res => { acumulatedGraph = res.data.data }).catch(res => { console.log(res) }) await apiClient.post('/economy/MWh').then(res => { costIndicator = res.data.data }).catch(res => { console.log(res) }) await apiClient.post('/pld/overview').then(res => { mapsInfo = res.data.data }).catch(res => { console.log(res) }) const grossMensalYears = grossMensalGraph.map((value) => value.mes) const grossAnualYears = grossAnualGraph.map((value) => value.ano) if (!token) { return { redirect: { destination: '/', permanent: false } } } return { props: { grossAnualGraph, grossAnualYears, grossMensalYears, grossMensalGraph, acumulatedGraph, costIndicator, mapsInfo, userName } } }