import { GetServerSideProps } from 'next' import Head from 'next/head' import { parseCookies } from 'nookies' import React from 'react' import Chart from '../../components/graph/Chart' import Header from '../../components/header/Header' import PageTitle from '../../components/pageTitle/PageTitle' import getAPIClient from '../../services/ssrApi' import { CostIndicatorView } from '../../styles/layouts/economy/costIndicator/CostIndicatorView' export default function CostIndicator({graphData, userName}: any) { const months = [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ] return ( Smart Energia - Indicador de Custos
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={graphData.filter((value, index) => value.mes.slice(3, 7).includes('2022'))} label={graphData.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 graphData = []; await apiClient.post('/economy/MWh').then(res => { graphData = res.data.data }).catch(res => { console.log(res) }) if (!token) { return { redirect: { destination: '/', permanent: false } } } return { props: { graphData, userName } } }