Alterando as cores do dashboard e do meu desempenho.

rodrigoborgesmachado · Apr 19, 2024 · 24ed85d · 24ed85d
1 parent 0406924
commit 24ed85d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/GraficoBarra/graficoBarra.js b/src/components/GraficoBarra/graficoBarra.js
@@ -7,6 +7,7 @@ export function BasicBars({nomes, dados}) {
       <BarChart
         xAxis={[{ scaleType: 'band', data: nomes }]}
         series={[{data: dados}]}
+        colors={['#4B0082']}
         width={1000}
         height={700}
       />
@@ -24,6 +25,7 @@ export function StackedBarChart({nomes, pData, uData, pLabel, uvLabel}) {
           { data: pData, label: pLabel, id: 'pvId', stack: 'total' },
           { data: uData, label: uvLabel, id: 'uvId', stack: 'total' },
         ]}
+        colors={['#4B0082', '#340082']}
         xAxis={[{ data: nomes, scaleType: 'band' }]}
       />
     </div>

diff --git a/src/pages/Admin/DashBoard/DashBoard.js b/src/pages/Admin/DashBoard/DashBoard.js
@@ -153,13 +153,13 @@ function DashBoard(){
             {
                 id:0,
                 value: dados?.quantidadeVerificados, 
-                color: 'blue',
+                color: '#340082',
                 label: 'Verificados: ' + dados?.quantidadeVerificados
             },
             {
                 id:1,
                 value: dados?.quantidadeNaoVerificados, 
-                color: 'red',
+                color: '#4B0082',
                 label: 'Não verificados' + dados?.quantidadeNaoVerificados
             }
         ]
@@ -170,13 +170,13 @@ function DashBoard(){
             {
                 id:0,
                 value: dados?.quantidadeRespostasUltimas30Dias, 
-                color: 'red',
+                color: '#340082',
                 label: 'Últimos 30 dias: ' + dados?.quantidadeRespostasUltimas30Dias
             },
             {
                 id:1,
                 value: dados?.quantidadeRespostas - dados?.quantidadeRespostasUltimas30Dias, 
-                color: 'blue',
+                color: '#4B0082',
                 label: 'Restante: ' + (dados?.quantidadeRespostas - dados?.quantidadeRespostasUltimas30Dias)
             }
         ]
@@ -187,13 +187,13 @@ function DashBoard(){
             {
                 id:0,
                 value: dados?.quantidadeRespostasTabuadaDivertidaUltimas30Dias, 
-                color: 'red',
+                color: '#340082',
                 label: 'Últimos 30 dias: ' + dados?.quantidadeRespostasTabuadaDivertidaUltimas30Dias
             },
             {
                 id:1,
                 value: dados?.quantidadeRespostasTabuadaDivertida - dados?.quantidadeRespostasTabuadaDivertidaUltimas30Dias, 
-                color: 'blue',
+                color: '#4B0082',
                 label: 'Restante: ' + (dados?.quantidadeRespostasTabuadaDivertida - dados?.quantidadeRespostasTabuadaDivertidaUltimas30Dias)
             }
         ]
@@ -264,13 +264,13 @@ function DashBoard(){
             {
                 id:0,
                 value: dados?.quantidadeUsuarios30Dias, 
-                color: 'red',
+                color: '#340082',
                 label: 'Últimos 30 dias: ' + dados?.quantidadeUsuarios30Dias
             },
             {
                 id:1,
                 value: dados?.quantidadeTotal - dados?.quantidadeUsuarios30Dias, 
-                color: 'blue',
+                color: '#4B0082',
                 label: 'Restante: ' + (dados?.quantidadeTotal - dados?.quantidadeUsuarios30Dias)
             }
         ]

diff --git a/src/pages/MeuDesempenho/meuDesempenho.js b/src/pages/MeuDesempenho/meuDesempenho.js
@@ -43,13 +43,13 @@ export default function MeuDesempenho(){
             {
                 id:0,
                 value: dados?.quantidadeQuestoesResolvidasCorretas, 
-                color: 'blue',
+                color: '#340082',
                 label: 'Respostas certas: ' + dados?.quantidadeQuestoesResolvidasCorretas
             },
             {
                 id:1,
                 value: dados?.quantidadeQuestoesIncorretas, 
-                color: 'red',
+                color: '#4B0082',
                 label: 'Respostas incorretas: ' + dados?.quantidadeQuestoesIncorretas
             }
         ]