diff --git a/pages/accumulatedSavings.tsx b/pages/accumulatedSavings.tsx
new file mode 100644
index 0000000..dc7970e
--- /dev/null
+++ b/pages/accumulatedSavings.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+
+import Chart from '../src/components/graph/Chart'
+import Header from '../src/components/header/Header'
+
+import { AccumulatedSavingsView } from '../styles/layouts/economy/accumulatedSavings/AccumulatedSavingsView'
+
+export default function AccumulatedSavings() {
+ return (
+
+
+
+ Economia Acumulada
+ Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)
+
+
+
+ )
+}
diff --git a/pages/costIndicator.tsx b/pages/costIndicator.tsx
new file mode 100644
index 0000000..520528b
--- /dev/null
+++ b/pages/costIndicator.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+
+import Chart from '../src/components/graph/Chart'
+import Header from '../src/components/header/Header'
+import { CostIndicatorView } from '../styles/layouts/economy/costIndicator/CostIndicatorView'
+
+export default function CostIndicator() {
+ return (
+
+
+
+ Indicador de Custo
+ Valores em R$/MWh
+
+
+
+ )
+}
diff --git a/pages/estimatedCost.tsx b/pages/estimatedCost.tsx
new file mode 100644
index 0000000..6f0c923
--- /dev/null
+++ b/pages/estimatedCost.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+
+import Chart from '../src/components/graph/Chart'
+import Header from '../src/components/header/Header'
+
+import { EstimatedCostView } from '../styles/layouts/economy/estimatedCost/EstimatedCostView'
+
+export default function EstimatedCost() {
+ return (
+
+
+
+ Custo Estimado
+ Comparativo de Custo Estimado
+
+
+
+ )
+}
diff --git a/pages/grossSavings.tsx b/pages/grossSavings.tsx
new file mode 100644
index 0000000..8fbcea4
--- /dev/null
+++ b/pages/grossSavings.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+
+import Chart from '../src/components/graph/Chart'
+import Header from '../src/components/header/Header'
+
+import { GrossSavingsView } from '../styles/layouts/economy/grossSavings/GrossSavings'
+
+export default function GrossSavings() {
+ return (
+
+
+
+ Economia Bruta
+ Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)
+
+
+
+ )
+}
diff --git a/pages/resumoOperacao.tsx b/pages/resumoOperacao.tsx
index 0c5efde..cd2c42a 100644
--- a/pages/resumoOperacao.tsx
+++ b/pages/resumoOperacao.tsx
@@ -13,76 +13,70 @@ export default function ResumoOperacao() {
Resumo de Operaçoes
Operações detalhadas
Seletor Mês
-
-
-
-
-
-
-
-
-
-
-
- | Unidade |
- Operação |
- Montante(MWh) |
- Contraparte |
- Preço(R$/MWh) |
- Valor NF/Crédito (R$) |
-
-
-
-
- | Unidade-19888 |
- comprar |
- 122.269 |
- COPEL COM I5 |
- 234,67 |
- 38.257,15 |
-
-
- | Unidade-19888 |
- Comprar |
- 122.269 |
- PACTO COMERCIALIZADORA I5 |
- 234,67 |
- 38.257,15 |
-
+
+
+
+ | Unidade |
+ Operação |
+ Montante (MWh) |
+ Contraparte |
+ Preço(R$/MWh) |
+ ValorNF/Crédito(R$) |
+
+
+
+
+ | Unidade - 9500130 |
+ Compra |
+ 122,269 |
+ COPEL COM I5 |
+ 234,67 |
+ 38.257,15 |
+
+
+ | Unidade - 9500130 |
+ Compra |
+ 110,348 |
+ EMEWE I5 |
+ 190,16 |
+ 27.978,37 |
+
+
+ | Unidade - 9500130 |
+ Compra |
+ 13,074 |
+ PACTO COMERCIALIZADORA I5 |
+ 300,36 |
+ 5.235,88 |
+
+
+ | Unidade - 9500130 |
+ Compra |
+ 133,117 |
+ COPEL COM I5 |
+ 300,36 |
+ 41.651,42 |
+
+
+ | Unidade - 9500130 |
+ Compra |
+ 120,138 |
+ EMEWE I5 |
+ 234,67 |
+ 30.460,59 |
+
+
+ | Unidade - 9500130 |
+ Compra |
+ 14,897 |
+ PACTO COMERCIALIZADORA I5 |
+ 300,36 |
+ 5.965,95 |
+
+
+
-
- | Unidade-19888 |
- Comprar |
- 122.269 |
- PACTO COMERCIALIZADORA I5 |
- 234,67 |
- 38.257,15 |
-
-
-
- | Unidade-19888 |
- Comprar |
- 122.269 |
- PACTO COMERCIALIZADORA I5 |
- 234,67 |
- 38.257,15 |
-
-
-
- | Unidade-19888 |
- Comprar |
- 122.269 |
- PACTO COMERCIALIZADORA I5 |
- 234,67 |
- 38.257,15 |
-
-
-
-
-
-
-
diff --git a/src/components/header/HeaderView.ts b/src/components/header/HeaderView.ts
index b38e7d3..0673a14 100644
--- a/src/components/header/HeaderView.ts
+++ b/src/components/header/HeaderView.ts
@@ -7,7 +7,7 @@ export const HeaderView = styled.header`
flex-direction: row;
- height: 5rem;
+ height: 10rem;
section {
display: flex;
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index d8d3d8f..5ac7741 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -3,6 +3,7 @@ import Image from 'next/image'
import { useRouter } from 'next/router'
import { SidebarView } from './SidebarView'
+import Link from 'next/link'
export default function Sidebar() {
const [ economiaDrawer, setEconomiaDrawer ] = useState(false)
@@ -22,22 +23,22 @@ export default function Sidebar() {
- - {'Visão Geral'}
- - {'Consumo'}
- - {'Resumo de Op. >'}
- - setEconomiaDrawer(!economiaDrawer)} >{'Economia >'}
+ - {'Visão Geral'}
+ - {'Consumo'}
+ - {'Resumo de Op. '}
+ - setEconomiaDrawer(!economiaDrawer)} className={router.pathname=='/grossSavings' || router.pathname=='/accumulatedSavings' || router.pathname=='/estimatedCost' || router.pathname=='/costIndicator' ? 'actualPath' : null } >{'Economia >'}
-
- Economia Bruta
- - Economia Acumulada
- - Custo Estimado
- - Custo R/MWh
+ - Economia Bruta
+ - Economia Acumulada
+ - Custo Estimado
+ - Custo R/MWh
- - {'Notícias >'}
- - {'Info Setorial >'}
- - {'SAQ >'}
- - {'Sobre Nós >'}
- - {'Notificação >'}
- - {'Telemetria >'}
+ - {'Notícias >'}
+ - {'Info Setorial >'}
+ - {'SAQ >'}
+ - {'Sobre Nós >'}
+ - {'Notificação >'}
+ - {'Telemetria >'}