import Box from '@mui/material/Box'; import FormControl from '@mui/material/FormControl'; import InputLabel from '@mui/material/InputLabel'; import MenuItem from '@mui/material/MenuItem'; import Select, { SelectChangeEvent } from '@mui/material/Select'; import Head from 'next/head'; import React, { useEffect } from 'react'; // import Teste from '../files/teste.csv'; import { CSVDownload, CSVLink } from "react-csv"; import BasicButton from '../components/buttons/basicButton/BasicButton'; import Header from '../components/header/Header'; import PageTitle from '../components/pageTitle/PageTitle'; import Sidebar from '../components/sidebar/Sidebar'; // import { dados } from '../services/DadosTabelaResumoOperacao'; import data from '../services/dados.json' import { Pagination, TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; export default function ResumoOperacao() { const csvData = [ // ["firstname", "lastname", "email"], // ["Ahmed", "Tomi", "ah@smthing.co.com"], // ["Raed", "Labes", "rl@smthing.co.com"], // ["Yezzi", "Min l3b", "ymin@cocococo.com"], [ "value", "unidade1", "name", "Unidade-1", "operacao", "Compra", "montante", "130,00", "contraparte", "cOPEL COM I5", "preco", "234,67", "valorNF", "38.257,15" ], [ "value", "unidade2", "name", "Unidade-2", "operacao", "Compra", "montante", "20,00", "contraparte", "EMEWE I5", "preco", "234,67", "valorNF", "38.257,15"], [ "value", "unidade3", "name", "Unidade-3", "operacao", "Compra", "montante", "30,00", "contraparte", "EMEWE I5", "preco", "234,67", "valorNF", "38.257,15" ], [ "value", "unidade4", "name", "Unidade-4", "operacao", "Compra", "montante", "40,00", "contraparte", "COPEL COM I5", "preco", "234,67", "valorNF", "38.257,15" ], [ "value", "unidade5", "name", "Unidade-5", "operacao", "Compra", "montante", "500,00","contraparte", "COPEL COM I5", "preco", "234,67", "valorNF", "38.257,15" ], [ "value", "unidade6", "name", "Unidade-6", "operacao", "Compra", "montante", "300,00", "contraparte", "COPEL COM I5", "preco","234,67", "valorNF", "965,95" ] ]; const [month, setMonth] = React.useState(''); const [unidade, setUnidade] = React.useState(''); const handleChangeMonth = (event: SelectChangeEvent) => { setMonth(event.target.value); }; const handleChangeUnidade = (event: SelectChangeEvent) => { setUnidade(event.target.value); }; useEffect(() => { // console.log(data.unidades) // data.unidades.map((value) => { // console.log(`olha o valor ${value.name}`) // }) console.log(unidade) console.log(data.unidades.filter((value, index)=> value.value.includes(unidade))) }, [month, unidade]) return( Smart Energia - Resumo de Operação

Seletor Mês

Unidades Mês
{ data.unidades.filter((value, index)=> value.value.includes(unidade)).map((value, index) => { if (index%2===0) { return } else { return } }) }
Unidade Operação Montante (MWh) Contraparte Preço(R$/MWh) ValorNF/Crédito(R$)
{value.name} {value.operacao} {value.montante} {value.contraparte} {value.preco} {value.valorNF}
{value.name} {value.operacao} {value.montante} {value.contraparte} {value.preco} {value.valorNF}
{/* */} {/* */} {/* */}
) }