diff --git a/src/components/banner/BannerView.ts b/src/components/banner/BannerView.ts index 8b7d46c..8c654c2 100644 --- a/src/components/banner/BannerView.ts +++ b/src/components/banner/BannerView.ts @@ -8,6 +8,7 @@ export const BannerView = styled.div` width: 100%; height: 20%; + max-height: 200px; margin-bottom: 30px; diff --git a/src/components/graph/LineBarChart2.tsx b/src/components/graph/LineBarChart2.tsx index ff01607..273fe77 100644 --- a/src/components/graph/LineBarChart2.tsx +++ b/src/components/graph/LineBarChart2.tsx @@ -125,7 +125,7 @@ export function LineBarChart2({ title, subtitle, data1, data2, data3, label, red type: 'bar' as const, label: dataset2? dataset2 : 'Dataset 2', backgroundColor: (value, ctx) => { - return hashurado? data1[value.dataIndex].dad_estimado == false? '#C2D5FB' : pattern.draw('diagonal', '#C2D5FB') : '#C2D5FB' + return hashurado? data1[value.dataIndex]?.dad_estimado == false? '#C2D5FB' : pattern.draw('diagonal', '#C2D5FB') : '#C2D5FB' }, data: data3.map(value => value.custo_cativo), }, @@ -134,7 +134,7 @@ export function LineBarChart2({ title, subtitle, data1, data2, data3, label, red label: dataset3? dataset3 : 'Dataset 2', // backgroundColor: '#255488', backgroundColor: (value, ctx) => { - return hashurado? data1[value.dataIndex].dad_estimado == false? '#255488' : pattern.draw('diagonal', '#255488') : '#255488' + return hashurado? data1[value.dataIndex]?.dad_estimado == false? '#255488' : pattern.draw('diagonal', '#255488') : '#255488' }, data: data2.map(value => value.custo_livre), }, diff --git a/src/components/graph/graphCard/ChartCard.tsx b/src/components/graph/graphCard/ChartCard.tsx index 96f2741..262e47e 100644 --- a/src/components/graph/graphCard/ChartCard.tsx +++ b/src/components/graph/graphCard/ChartCard.tsx @@ -70,7 +70,7 @@ export default function ChartCard({ title, subtitle, consumption, className, lin

{title}

- {subtitle} + {subtitle}
{/* */}
diff --git a/src/components/graph/graphCard/ChartCardView.ts b/src/components/graph/graphCard/ChartCardView.ts index 9ebabd2..752ebdb 100644 --- a/src/components/graph/graphCard/ChartCardView.ts +++ b/src/components/graph/graphCard/ChartCardView.ts @@ -37,6 +37,11 @@ export const ChartCardView = styled.article` color: #2F4CDD; } + span{ + display:block; + font-size: 12.8px; + } + .statusDot { max-width: 11px; max-height: 11px; diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx index c78683c..927ae07 100644 --- a/src/components/header/Header.tsx +++ b/src/components/header/Header.tsx @@ -26,7 +26,7 @@ export default function Header({name, admin}: headerInterface) {

{ - !admin? + !admin && profile_picture? : null @@ -39,6 +39,7 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) + const { ['user-profile_picture']: profile_picture } = parseCookies() let userData = []; @@ -60,7 +61,8 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => { return { props: { userData, - userName + userName, + profile_picture } } } diff --git a/src/pages/aboutUs.tsx b/src/pages/aboutUs.tsx index d0eb0a0..722e9a3 100644 --- a/src/pages/aboutUs.tsx +++ b/src/pages/aboutUs.tsx @@ -5,58 +5,46 @@ import { parseCookies } from 'nookies' import React from 'react' import Banner from '../components/banner/Banner' import Header from '../components/header/Header' +import getAPIClient from '../services/ssrApi' import { AboutUsView } from '../styles/layouts/aboutUs/AboutUsView' -export default function aboutUs({userName}) { +export default function aboutUs({userName, text}) { return ( Smart Energia - About Us -
+ + {/*
*/} -
-

A SMART ENERGIA é uma consultoria independente especializada em Gestão de Energia Elétrica, consolidada como uma das três maiores consultorias do Brasil. - Devido à grande experiência em operações na CCEE – Câmara de Comercialização de Energia Elétrica e ANEEL, entrega resultados que superam as expectativas.

- -

Nasceu para gerenciar a compra de energia com inovação, transparência e imparcialidade sendo o elo forte e necessário entre os Consumidores e os - Vendedores de energia.

- -

Baseada em sua experiência no setor elétrico adquirida desde 2001 e em mais de 900 unidades migradas, atua na negociação de contratos de compra e venda de - energia, na Gestão de Energia no Mercado Livre e criação de produtos diferenciados para atender as necessidades específicas dos consumidores.

- -

Apoiada pela sólida experiência de seus gestores, conhecendo as premissas dos agentes de Comercialização e Geração para a compra e venda de energia, - aplicamos as mesmas premissas a favor dos Consumidores, disponibilizando assim um diferencial único para a tomada de decisão e elaboração das estratégias de - contratação de energia.

-
    -
  • {'Informação'}
    • -
  • {'Economia'}
    • -
  • {'Gestão de Energia'}
    • -
  • {'Imparcialidade'}
    • -
  • {'Previsão de Custos'}
    • -
  • {'Experiência'}
    • -
  • {'Relacionamento'}
    • -
- -
- -
-
+
+
+ +
) } export const getServerSideProps: GetServerSideProps = async (ctx) => { + const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) + let text = [] + + await apiClient.get('/aboutUs').then(res => { + text = res.data.data + }).catch(res => { + console.log(res) + }) + if (!token) { return { redirect: { @@ -68,7 +56,8 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => { return { props: { - userName + userName, + text } } } diff --git a/src/pages/accumulatedSavings.tsx b/src/pages/accumulatedSavings.tsx index 894de4c..8de54d6 100644 --- a/src/pages/accumulatedSavings.tsx +++ b/src/pages/accumulatedSavings.tsx @@ -19,9 +19,9 @@ export default function AccumulatedSavings({graphData, years, userName}: any) { Smart Energia - Economia Bruta Mensal
- +
- { 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 diff --git a/src/pages/administrative/general.tsx b/src/pages/administrative/general.tsx index f8caf6f..9b349e8 100644 --- a/src/pages/administrative/general.tsx +++ b/src/pages/administrative/general.tsx @@ -8,12 +8,23 @@ import Header from '../../components/header/Header'; import PageTitle from '../../components/pageTitle/PageTitle'; import { api } from '../../services/api'; import { GeneralView } from '../../styles/layouts/general/GeneralView' +import MuiAlert, { AlertProps } from '@mui/material/Alert' +import Snackbar from '@mui/material/Snackbar'; +const Alert = React.forwardRef(function Alert( + props, + ref +) { + return +}) export default function index({userName}: any) { const editorRef = useRef(null); const [text, setText] = useState(''); + const [openSnackSuccess, setOpenSnackSuccess] = useState(false) + const [openSnackError, setOpenSnackError] = useState(false) + const log = () => { if (editorRef.current) { console.log(editorRef.current.getContent()); @@ -24,16 +35,54 @@ export default function index({userName}: any) { setText(event.target.value); }; + const handleCloseSnack = ( + event?: React.SyntheticEvent | Event, + reason?: string + ) => { + if (reason === 'clickaway') { + return + } + + setOpenSnackError(false) + setOpenSnackSuccess(false) + } + async function handleRegisterAboutUs() { await api.post('/aboutUs', { - about: editorRef.current.value - }).then(res => { - console.log(res) - }).catch(res => console.log(res)) + about: text + }) + .then(res => setOpenSnackSuccess(true)) + .catch(res => setOpenSnackError(false)) } return ( + + + Cadastrado com Sucesso! + + + + + Não cadastrado! + +
@@ -43,6 +92,8 @@ export default function index({userName}: any) {
editorRef.current = editor} + onChange={value => console.log(value)} + onEditorChange={(newText) => setText(newText)} initialValue='

A SMART ENERGIA é uma consultoria independente especializada em Gestão de Energia Elétrica, consolidada como uma das três maiores consultorias do Brasil. Devido à grande experiência em operações na CCEE – Câmara de Comercialização de Energia Elétrica e ANEEL, entrega resultados que superam as expectativas.

diff --git a/src/pages/administrative/industryInfo/index.tsx b/src/pages/administrative/industryInfo/index.tsx index 5ca5a7c..9d0f5b7 100644 --- a/src/pages/administrative/industryInfo/index.tsx +++ b/src/pages/administrative/industryInfo/index.tsx @@ -78,7 +78,7 @@ export default function industryInfo({userName}: any) {
- {/* */} +
@@ -87,16 +87,13 @@ export default function industryInfo({userName}: any) { {/* */}
-
-
-
- - -
-
-
+
+ +
- handleCreateClient()} title='Atualizar'/> + +
+ {/* handleCreateClient()} title='Atualizar'/> */} ) diff --git a/src/pages/costIndicator.tsx b/src/pages/costIndicator.tsx index 72cd245..776e711 100644 --- a/src/pages/costIndicator.tsx +++ b/src/pages/costIndicator.tsx @@ -16,9 +16,9 @@ export default function CostIndicator({graphData, userName}: any) { 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 diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx index 3c234a4..db5750e 100644 --- a/src/pages/dashboard.tsx +++ b/src/pages/dashboard.tsx @@ -44,14 +44,14 @@ export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensal
- - + - + - + + title='' subtitle='' barLabel hashurado/> - 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 diff --git a/src/pages/grossSavings.tsx b/src/pages/grossSavings.tsx index b7413d5..6612304 100644 --- a/src/pages/grossSavings.tsx +++ b/src/pages/grossSavings.tsx @@ -19,13 +19,13 @@ export default function GrossSavings({graphData, years, userName}: any) { Smart Energia - Economia Acumulada
- +
- + label={years} barLabel/>
diff --git a/src/pages/news.tsx b/src/pages/news.tsx index 6393ab4..b436af2 100644 --- a/src/pages/news.tsx +++ b/src/pages/news.tsx @@ -12,44 +12,38 @@ import getAPIClient from '../services/ssrApi'; import { Button, NewsView } from '../styles/layouts/news/NewsView' export default function aboutUs({userName, news}: any) { - console.log(news) + console.log(news.channel.item) + return ( Smart Energia - Noticias -
- + {/*
*/} + -
-

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..

- + { + news.channel.item.map(data => { -

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..

- -
+ return <> +
+

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

+ } + +

+ + }) + } { const { ['@smartAuth-token']: token } = parseCookies(ctx) const { ['user-name']: userName } = parseCookies(ctx) - let news; + let news = []; - await axios.get('https://www.energiasmart.com.br/noticias/feed/').then(res => { - news = res.data + await apiClient.get('/news').then(res => { + news = res.data.data }).catch(res => { console.log(res) }) diff --git a/src/pages/notifications.tsx b/src/pages/notifications.tsx index c9fa136..7728130 100644 --- a/src/pages/notifications.tsx +++ b/src/pages/notifications.tsx @@ -19,12 +19,15 @@ export default function Notifications({notificationData, userName}: any) {
{ + notificationData? notificationData.map((value, index ) => { return <>
}) + : +

Você não tem notificações!

}
diff --git a/src/styles/layouts/aboutUs/AboutUsView.ts b/src/styles/layouts/aboutUs/AboutUsView.ts index d53880e..76e14a3 100644 --- a/src/styles/layouts/aboutUs/AboutUsView.ts +++ b/src/styles/layouts/aboutUs/AboutUsView.ts @@ -22,21 +22,19 @@ export const AboutUsView = styled.main` } } - section { - article { + article { + display: flex; + justify-content: flex-end; + align-items: center; + + aside { display: flex; - justify-content: flex-end; + justify-content: center; align-items: center; - aside { - display: flex; - justify-content: center; - align-items: center; + width: fit-content; - width: fit-content; - - flex-direction: column; - } + flex-direction: column; } }