From a1b074ab56a81828088f52eca77139f1c1b5d1b2 Mon Sep 17 00:00:00 2001
From: "Julio C." <julio.ce01@hotmail.com>
Date: Sat, 23 Nov 2024 17:12:02 -0600
Subject: [PATCH] cambios

---
 dev-dist/sw.js                      |   2 +-
 src/img/3d.jpg                      | Bin 0 -> 12497 bytes
 src/views/Admin/reportes.jsx        | 110 ++++++++++++----------------
 src/views/Lente/DetalleProducto.jsx |   7 ++
 src/views/inicio.jsx                |   6 ++
 5 files changed, 62 insertions(+), 63 deletions(-)
 create mode 100644 src/img/3d.jpg

diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 17dfc54..05de249 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -79,7 +79,7 @@ define(['./workbox-fde070c5'], (function (workbox) { 'use strict';
    */
   workbox.precacheAndRoute([{
     "url": "/offline.html",
-    "revision": "0.tp82avot2f"
+    "revision": "0.qs3c8mesmbo"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("/offline.html"), {
diff --git a/src/img/3d.jpg b/src/img/3d.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4fb60282b86a03fceda025561f8bdc2fae506036
GIT binary patch
literal 12497
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
Z9a@qw05A01JkSUV-Oc{y;2Wu3{{!B(GF$)v

literal 0
HcmV?d00001

diff --git a/src/views/Admin/reportes.jsx b/src/views/Admin/reportes.jsx
index ceb2faf..add8a60 100644
--- a/src/views/Admin/reportes.jsx
+++ b/src/views/Admin/reportes.jsx
@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from "react";
-import { Bar } from "react-chartjs-2"; // Importamos el componente de gráfico de barras
-import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale } from 'chart.js';
+import { Pie } from "react-chartjs-2"; // Importamos el componente de gráfico de pastel
+import { Chart as ChartJS, Title, Tooltip, Legend, ArcElement, CategoryScale, LinearScale } from 'chart.js';
 
-// Registramos los componentes necesarios de Chart.js para el gráfico de barras
-ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale);
+// Registramos los componentes necesarios de Chart.js para el gráfico de pastel
+ChartJS.register(Title, Tooltip, Legend, ArcElement, CategoryScale, LinearScale);
 
 function ResultadosEncuestas() {
   const [resultados, setResultados] = useState([]);
@@ -48,39 +48,40 @@ function ResultadosEncuestas() {
 
   // Procesar las respuestas para construir los datos de la gráfica
   const procesarDatos = () => {
-    const respuestasPorCalificacion = { "1": 0, "2": 0, "3": 0, "4": 0, "5": 0 };
+    const respuestasPorPregunta = {};
 
-    // Contamos las respuestas por calificación
+    // Contamos las respuestas por pregunta
     resultados.forEach((encuesta) => {
-      const { respuestas } = encuesta;
+      const { pregunta, respuestas } = encuesta;
 
-      // Contamos las respuestas de cada calificación
+      // Si la pregunta no existe en el objeto, la inicializamos
+      if (!respuestasPorPregunta[pregunta]) {
+        respuestasPorPregunta[pregunta] = { "1": 0, "2": 0, "3": 0, "4": 0, "5": 0 };
+      }
+
+      // Contamos las respuestas de la calificación para cada pregunta
       Object.entries(respuestas).forEach(([calificacion, cantidad]) => {
-        respuestasPorCalificacion[calificacion] += cantidad; // Incrementamos el contador
+        respuestasPorPregunta[pregunta][calificacion] += cantidad; // Incrementamos el contador
       });
     });
 
-    // Asignamos colores diferentes a cada calificación
-    const colores = ["#FF6F61", "#FF9F40", "#FFCD44", "#4BC0C0", "#36A2EB"]; // Colores para las barras
+    // Creamos los datos para el gráfico de pastel
+    const labels = Object.keys(respuestasPorPregunta); // Las preguntas
+    const datasets = labels.map((pregunta) => {
+      const totalRespuestas = Object.values(respuestasPorPregunta[pregunta]).reduce((a, b) => a + b, 0); // Total de respuestas por pregunta
+      return {
+        label: pregunta,
+        data: Object.values(respuestasPorPregunta[pregunta]), // Los valores de cada calificación
+        backgroundColor: ['#FF6F61', '#6B5B95', '#88B04B', '#F7CAC9', '#92A8D1'], // Colores para el gráfico
+      };
+    });
 
-    // Creamos los datos para el gráfico de barras
     return {
-      labels: ["1", "2", "3", "4", "5"], // Las respuestas posibles
-      datasets: [
-        {
-          label: "Distribución de Respuestas",
-          data: Object.values(respuestasPorCalificacion), // Datos de cada calificación
-          backgroundColor: colores, // Asignamos los colores diferentes a cada barra
-          borderColor: '#D66F58', // Color de los bordes de las barras
-          borderWidth: 1,
-        },
-      ],
+      labels: ['1', '2', '3', '4', '5'], // Respuestas posibles
+      datasets,
     };
   };
 
-  // Contamos el total de encuestas
-  const totalEncuestas = resultados.reduce((total, encuesta) => total + Object.values(encuesta.respuestas).reduce((sum, cantidad) => sum + cantidad, 0), 0);
-
   const data = procesarDatos();
 
   return (
@@ -89,44 +90,29 @@ function ResultadosEncuestas() {
       {resultados.length === 0 ? (
         <p>No se han completado encuestas aún.</p>
       ) : (
-        <div>
-          {/* Mostrar el total de encuestas */}
-          <p className="text-xl mb-4">Total de Encuestas Completadas: {totalEncuestas}</p>
-
-          <Bar
-            data={data}
-            options={{
-              responsive: true,
-              plugins: {
-                title: {
-                  display: true,
-                  text: "Distribución Total de Respuestas de sitio web", // Título del gráfico
-                },
-                tooltip: {
-                  callbacks: {
-                    label: function (context) {
-                      const label = context.dataset.label || '';
-                      return `${label}: ${context.raw}`; // Mostrar valor de cada barra en el tooltip
+        <div className="flex flex-wrap gap-4 justify-center">
+          {data.datasets.map((dataset, index) => (
+            <div key={index} className="flex-1 max-w-sm p-6 bg-white rounded-lg shadow">
+              <h3 className="text-xl font-semibold mb-2">{`Pregunta: ${dataset.label}`}</h3>
+              <div className="w-full h-[400px]"> {/* Altura ajustada */}
+                <Pie
+                  data={{
+                    labels: data.labels, // Respuestas posibles
+                    datasets: [dataset],
+                  }}
+                  options={{
+                    responsive: true,
+                    plugins: {
+                      title: {
+                        display: true,
+                        text: "Distribución de Respuestas",
+                      },
                     },
-                  },
-                },
-              },
-              scales: {
-                x: {
-                  title: {
-                    display: true,
-                    text: 'Calificación', // Título de la escala X
-                  },
-                },
-                y: {
-                  title: {
-                    display: true,
-                    text: 'Cantidad de Respuestas', // Título de la escala Y
-                  },
-                },
-              },
-            }}
-          />
+                  }}
+                />
+              </div>
+            </div>
+          ))}
         </div>
       )}
     </div>
diff --git a/src/views/Lente/DetalleProducto.jsx b/src/views/Lente/DetalleProducto.jsx
index 56c759d..a5b66e4 100644
--- a/src/views/Lente/DetalleProducto.jsx
+++ b/src/views/Lente/DetalleProducto.jsx
@@ -7,6 +7,7 @@ import { toast, ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import { useNavigate } from "react-router-dom"; // Importa useHistory para manejar la redirección
 import Barra from "../../components/Navegacion/barra";
+import lente from "../../img/3d.jpg"
 
 
 function parseJwt(token) {
@@ -409,8 +410,14 @@ const DetalleProducto = () => {
                 </button>
               </div>
             </div>
+
+
           </div>
+          <div className="flex justify-center items-center h-screen bg-gray-100">
+  <img src={lente} alt="Código QR" className="w-96 h-96 object-contain shadow-lg rounded-md" />
+</div>
         </div>
+        
       )}
       
       
diff --git a/src/views/inicio.jsx b/src/views/inicio.jsx
index c2d6e23..f55f556 100644
--- a/src/views/inicio.jsx
+++ b/src/views/inicio.jsx
@@ -6,6 +6,8 @@ import imagen from "../img/Venta.png";
 import imagen2 from "../img/lentes2.png";
 import Scrool from '../components/scroll';
 import Barra from "../components/Navegacion/barra";
+import lente from "../img/3d.jpg";
+
 
 
 function App() {
@@ -203,8 +205,12 @@ function App() {
                 </button>
               </div>
             </div>
+
           </div>
           <br />
+          <div>
+              <img className="flex justify-center" src={lente} alt="" />
+            </div>
         </div>
         
       </div>