Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor GrossMensalChart and Dashboard components: enhance layout options and improve content structure

Browse Source
This commit is contained in:
Giuliano Paschoalino 2026-01-19 13:55:22 -03:00
parent 431b1a074a
commit 76ad6d53ad
2 changed files with 46 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/graph/grossMensalChart/GrossMensalChart.tsx
View File

@ -55,6 +55,11 @@ export default function GrossMensalChart({
const options: any = { const options: any = {
responsive: true, responsive: true,
layout: {
padding: {
top: 0
}
},
scales: { scales: {
x: { x: {
stacked: true, stacked: true,
@ -83,6 +88,7 @@ export default function GrossMensalChart({
datalabels: { datalabels: {
display: true, display: true,
color: '#255488', color: '#255488',
clip: true,
formatter: (value, ctx) => { formatter: (value, ctx) => {
let sum = 0 let sum = 0
const dataArr = ctx.chart.data.datasets[0].data const dataArr = ctx.chart.data.datasets[0].data
@ -100,6 +106,7 @@ export default function GrossMensalChart({
}, },
anchor: 'end', anchor: 'end',
align: 'end', align: 'end',
offset: 5,
font: { font: {
weight: 'bold', weight: 'bold',
size: !miniature ? window.innerWidth / 80 : window.innerWidth / 125 size: !miniature ? window.innerWidth / 80 : window.innerWidth / 125

89
src/pages/dashboard/index.tsx
View File

@ -38,7 +38,9 @@ const style = {
borderRadius: 3, borderRadius: 3,
overflow: 'scroll' overflow: 'hidden',
display: 'flex',
flexDirection: 'column'
}; };
export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator }: any) { export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator }: any) {
@ -157,64 +159,51 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
<Typography id="modal-modal-title" variant="h6" component="h2"> <Typography id="modal-modal-title" variant="h6" component="h2">
Termos de uso Termos de uso
</Typography> </Typography>
<img src='assets/smart-energia-terms-image.png' style={{ maxWidth: '100%' }} /> <Box sx={{ overflow: 'auto', flex: 1 }}>
<Typography id="modal-modal-description" sx={{ mt: 2 }}> <img src='assets/smart-energia-terms-image.png' style={{ maxWidth: '100%' }} />
<p> <Typography id="modal-modal-description" sx={{ mt: 2 }}>
Bem-vindo ao Smart Energy View, a Plataforma Web da SMART ENERGIA! <p>
</p> Bem-vindo ao Smart Energy View, a Plataforma Web da SMART ENERGIA!
</p>
<p> <p>
Agora você terá a Gestão da sua Energia na palma da sua mão!!!! Agora você terá a Gestão da sua Energia na palma da sua mão!!!!
</p> </p>
<p> <p>
Visualize os principais indicadores, dados de economia, resumo de operações, PLD, notícias além de acompanhar o consumo de energia em intervalos mínimos de 5 minutos. Visualize os principais indicadores, dados de economia, resumo de operações, PLD, notícias além de acompanhar o consumo de energia em intervalos mínimos de 5 minutos.
</p> </p>
<p> <p>
Estamos na última fase de testes da plataforma e em breve também iremos disponibilizar os aplicativos para seu celular, nos sistemas operacionais IOS e Android. Estamos na última fase de testes da plataforma e em breve também iremos disponibilizar os aplicativos para seu celular, nos sistemas operacionais IOS e Android.
</p> </p>
<p> <p>
Encontrando qualquer dificuldade, eventuais inconsistências ou dúvidas, nos contate! Encontrando qualquer dificuldade, eventuais inconsistências ou dúvidas, nos contate!
</p> </p>
<p> <p>
Lembrando que conforme nosso contrato de serviços vigente, todas as informações entregues são estritamente privadas, sendo seu sigilo protegido por lei, não podendo ser compartilhadas com terceiros sendo destinadas a seu uso exclusivo. Lembrando que conforme nosso contrato de serviços vigente, todas as informações entregues são estritamente privadas, sendo seu sigilo protegido por lei, não podendo ser compartilhadas com terceiros sendo destinadas a seu uso exclusivo.
</p> </p>
<p> <p>
A divulgação não autorizada das informações adquiridas nesta plataforma (ou seu uso), de forma integral ou parcial, é proibida, não sendo permitido o compartilhamento dos acessos e senhas ou qualquer informação que tiver acesso junto a esta plataforma, sendo que o acesso a esta plataforma é restrito e individual. A divulgação não autorizada das informações adquiridas nesta plataforma (ou seu uso), de forma integral ou parcial, é proibida, não sendo permitido o compartilhamento dos acessos e senhas ou qualquer informação que tiver acesso junto a esta plataforma, sendo que o acesso a esta plataforma é restrito e individual.
</p> </p>
<p> <p>
Destacamos que os resultados informados são meramente indicativos, não vinculantes a resultados e que as premissas disponibilizadas na plataforma são as mesmas utilizadas nos Energys Reports e estudos encaminhados. Destacamos que os resultados informados são meramente indicativos, não vinculantes a resultados e que as premissas disponibilizadas na plataforma são as mesmas utilizadas nos Energys Reports e estudos encaminhados.
</p> </p>
<p> <p>
<strong>Aproveite essa nova ferramenta de acompanhar sua Gestão de Energia!</strong> <strong>Aproveite essa nova ferramenta de acompanhar sua Gestão de Energia!</strong>
</p> </p>
{/* <p> </Typography>
Bem-vindo a Plataforma Web – SMART ENERGIA! </Box>
</p> <BasicButton title="Aceito os termos" onClick={() => {
<p> setCookie(undefined, 'terms', 'true')
Visualize os principais indicadores, dados de economia, resumo de operações, PLD, notícias além de acompanhar o consumo de energia em intervalos mínimos de 5 minutos. setOpen(false)
</p> }} />
<p>
Conforme nosso contrato de serviços vigente, todas as informações entregues são estritamente privadas, sendo seu sigilo protegido por lei, não podendo ser compartilhadas com terceiros.
</p>
<p>
A divulgação não autorizada das informações adquiridas nesta plataforma (ou seu uso), de forma integral ou parcial, é proibida, não sendo permitido o compartilhamento dos acessos e senhas ou qualquer informação que tiver acesso junto a esta plataforma, sendo que o acesso a esta plataforma é restrito e individual.
</p>
<p>
Ressaltamos que os resultados informados são meramente indicativos.
</p> */}
<BasicButton title="Aceito os termos" onClick={() => {
setCookie(undefined, 'terms', 'true')
setOpen(false)
}} />
</Typography>
</Box> </Box>
</Modal> </Modal>
</> </>