diff --git a/pages/_app.tsx b/pages/_app.tsx index 3e098e7..b915d17 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,7 +1,7 @@ import React, { useState, useEffect } from 'react' import { useRouter } from 'next/router' import { AppProps } from 'next/app' -import NProgress from 'nprogress' +// import NProgress from 'nprogress' import Sidebar from '../src/components/sidebar/Sidebar' diff --git a/pages/news.tsx b/pages/news.tsx new file mode 100644 index 0000000..8d5ba2d --- /dev/null +++ b/pages/news.tsx @@ -0,0 +1,45 @@ +import Image from 'next/image' +import React from 'react' +import Banner from '../src/components/banner/Banner' +import Header from '../src/components/header/Header' +import BasicButton from '../src/components/buttons/basicButton/BasicButton'; +import { NewsView, Button } from '../styles/layouts/news/NewsView' + +export default function aboutUs() { + return ( + +
+ + +
+

19 Abril 2022

+ ANEEL APROVA REAJUSTE TARIFÁRIO ANUAL DA ENERGISA SERGIPE DE 16,46 % PARA O CONSUMIDOR RESIDENCIAL +
+
+

A Agência Nacional de Energia Elétrica (ANEEL) aprovou, nesta terça-feira (19/04) o reajuste tarifário anual da Energisa Sergipe – Distribuidora de Energia S.A (ESE). + As novas tarifas da empresa, que atende cerca de e 825 mil unidades consumidoras no Sergipe, entram em vigor nesta sexta, 22/04, com reajuste de 16,46 % para + o consumidor residencial.
+ Os itens que mais impactaram a correção foram os encargos setoriais, os custos de distribuição, a retirada dos componentes financeiros..

+ + +

19 Abril 2022

+ NEEL APROVA REAJUSTE MÉDIO DE 20,36% NA TARIFA DE ENERGIA NO RN +
+
+

A Agência Nacional de Energia Elétrica (ANEEL) aprovou, nesta terça-feira (19/04) o reajuste tarifário anual da Energisa Sergipe – Distribuidora de Energia S.A (ESE). + As novas tarifas da empresa, que atende cerca de e 825 mil unidades consumidoras no Sergipe, entram em vigor nesta sexta, 22/04, com reajuste de 16,46 % para + o consumidor residencial.
+ Os itens que mais impactaram a correção foram os encargos setoriais, os custos de distribuição, a retirada dos componentes financeiros..

+ +
+ + ) +} diff --git a/pages/resumoOperacao.tsx b/pages/resumoOperacao.tsx index 28faec4..3ec7d0e 100644 --- a/pages/resumoOperacao.tsx +++ b/pages/resumoOperacao.tsx @@ -2,7 +2,7 @@ import React from 'react'; import Header from '../src/components/header/Header'; import PageTitle from '../src/components/pageTitle/PageTitle'; import Sidebar from '../src/components/sidebar/Sidebar'; - +import BasicButton from '../src/components/buttons/basicButton/BasicButton'; import { TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; export default function ResumoOperacao() { @@ -72,6 +72,12 @@ export default function ResumoOperacao() { 300,36 5.965,95 + +

Mostando de 1 a 10 de 30 Entradas

+ {/*
+

Anterior 01 02 ... Proxima

+
*/} + diff --git a/public/assets/banners/news.png b/public/assets/banners/news.png new file mode 100644 index 0000000..17acb36 Binary files /dev/null and b/public/assets/banners/news.png differ diff --git a/styles/layouts/news/NewsView.ts b/styles/layouts/news/NewsView.ts new file mode 100644 index 0000000..db4a311 --- /dev/null +++ b/styles/layouts/news/NewsView.ts @@ -0,0 +1,66 @@ +import styled from "styled-components"; + +export const NewsView = styled.main` + width: 100%; + + p { + font-family: 'Poppins'; + font-style: normal; + font-weight: 300; + font-size: 17px; + line-height: 26px; + } + h2{ + color: #254F7F; + } + + ul { + list-style: none; + + li { + display: flex; + margin-bottom: 8px; + } + } + + section { + article { + display: flex; + justify-content: flex-end; + align-items: center; + + aside { + display: flex; + justify-content: center; + align-items: center; + + width: fit-content; + + flex-direction: column; + } + } + + +}`; + +export const Button = styled.div` + display: flex; + justify-content: center; + + + fieldset { + border-top: 0.7px solid #E1E1E1; + border-bottom: none; + border-left: none; + border-right: none; + display: block; + text-align: center; + width: 100%; + } + + fieldset legend { + padding: 25px 4px; + color: #ABB3BB; + font-size: 14px; + } +`;