From 797b3f68151e3c762c79484227fd243ec73c63c2 Mon Sep 17 00:00:00 2001
From: IO <320154041@pcpuma.acatlan.unam.mx>
Date: Mon, 23 Mar 2026 15:36:18 -0500
Subject: [PATCH] fixed grammar and deleted toggle button

---
 .../(Administrador)/reportesGraficas/page.tsx | 37 +------------------
 src/components/BarNavigationAdmin.tsx         |  6 +--
 .../reporteGraficas/Graficas/Antiguedad.tsx   |  2 +-
 .../reporteGraficas/Graficas/Procesador.tsx   |  2 +-
 .../Graficas/SistemaOperativo.tsx             |  2 +-
 .../reporteGraficas/Graficas/Uso.tsx          |  2 +-
 6 files changed, 8 insertions(+), 43 deletions(-)

diff --git a/src/app/(Administrador)/reportesGraficas/page.tsx b/src/app/(Administrador)/reportesGraficas/page.tsx
index 7a4640b..e7b1e81 100644
--- a/src/app/(Administrador)/reportesGraficas/page.tsx
+++ b/src/app/(Administrador)/reportesGraficas/page.tsx
@@ -1,52 +1,17 @@
 "use client";
 
-import { useState } from "react";
 import Reporte from "@/components/reporteGraficas/reporte";
 
 import "../../styles/layout/reporte.scss";
 
-type PreguntaKey = "antiguedad";
-
-const LABELS: Record<PreguntaKey, string> = {
-  antiguedad: "Antigüedad",
-};
-
 export default function Page() {
-  const [activeTab, setActiveTab] = useState<PreguntaKey>("antiguedad");
 
-  const renderPregunta = () => {
-    switch (activeTab) {
-      case "antiguedad":
-        return (
-          <Reporte />
-        );
-      default:
-        return (
-          <div className="p-6 text-center text-gray-500">
-            Contenido no disponible aún.
-          </div>
-        );
-    }
-  };
 
   return (
     <div className="scanView_reporte">
       <div className="container_reporte">
         <div className="main-content_reporte">
-          <div className="tabs_reporte">
-            {Object.entries(LABELS).map(([key, label]) => (
-              <button
-                key={key}
-                className={`tab_reporte ${activeTab === key ? "active" : ""}`}
-                onClick={() => setActiveTab(key as PreguntaKey)}
-                aria-selected={activeTab === key}
-                role="tab"
-              >
-                {label}
-              </button>
-            ))}
-          </div>
-          <div className={`data-table_reporte`}>{renderPregunta()}</div>
+          <div className={`data-table_reporte`}><Reporte /></div>
         </div>
       </div>
     </div>
diff --git a/src/components/BarNavigationAdmin.tsx b/src/components/BarNavigationAdmin.tsx
index d4a0dbb..d669fde 100644
--- a/src/components/BarNavigationAdmin.tsx
+++ b/src/components/BarNavigationAdmin.tsx
@@ -41,17 +41,17 @@ function BarNavigation() {
         </li> */}
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/equipoComputo" className="links">
-            <span>Equipo de Computo</span>
+            <span>Equipo de Cómputo</span>
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/perifericos" className="links">
-            <span>Perifericos</span>
+            <span>Periféricos</span>
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/reportesGraficas" className="links">
-            <span>Reportes y Graficas</span>
+            <span>Reportes y Gráficas</span>
           </Link>
         </li>
         <li className="subMenu">
diff --git a/src/components/reporteGraficas/Graficas/Antiguedad.tsx b/src/components/reporteGraficas/Graficas/Antiguedad.tsx
index 6c3489e..9afa7e6 100644
--- a/src/components/reporteGraficas/Graficas/Antiguedad.tsx
+++ b/src/components/reporteGraficas/Graficas/Antiguedad.tsx
@@ -95,7 +95,7 @@ export default function Antiguedad({ filtros }: Props) {
             }}
         >
 
-            <h1 style={{ margin: "0" }}>Antigüedad</h1>
+            <h1 style={{ margin: "0" }}>Antigüedad por equipo</h1>
 
             <ResponsiveContainer width="100%" aspect={2.5}>
 
diff --git a/src/components/reporteGraficas/Graficas/Procesador.tsx b/src/components/reporteGraficas/Graficas/Procesador.tsx
index 55a7eb0..b2fda99 100644
--- a/src/components/reporteGraficas/Graficas/Procesador.tsx
+++ b/src/components/reporteGraficas/Graficas/Procesador.tsx
@@ -63,7 +63,7 @@ export default function Procesador({ filtros }: Props) {
 
     return (
         <div style={{ width: "100%", background: "white", borderRadius: "10px", margin: "5px auto", padding: "1rem" }}>
-            <h1 style={{ margin: "0" }}>Procesador</h1>
+            <h1 style={{ margin: "0" }}>Procesador por equipo</h1>
             <ResponsiveContainer width="100%" aspect={3.5}>
                 <BarChart data={dataTransformada}
                     width={500}
diff --git a/src/components/reporteGraficas/Graficas/SistemaOperativo.tsx b/src/components/reporteGraficas/Graficas/SistemaOperativo.tsx
index 9fc867b..9daf651 100644
--- a/src/components/reporteGraficas/Graficas/SistemaOperativo.tsx
+++ b/src/components/reporteGraficas/Graficas/SistemaOperativo.tsx
@@ -63,7 +63,7 @@ export default function SistemaOperativo({ filtros }: Props) {
 
     return (
         <div style={{ width: "100%", background: "white", borderRadius: "10px", margin: "5px auto", padding: "1rem" }}>
-            <h1 style={{ margin: "0" }}>SistemaOperativo</h1>
+            <h1 style={{ margin: "0" }}>SistemaOperativo por equipo</h1>
             <ResponsiveContainer width="100%" aspect={3.5}>
                 <BarChart data={dataTransformada}
                     width={500}
diff --git a/src/components/reporteGraficas/Graficas/Uso.tsx b/src/components/reporteGraficas/Graficas/Uso.tsx
index f7b7d00..5075906 100644
--- a/src/components/reporteGraficas/Graficas/Uso.tsx
+++ b/src/components/reporteGraficas/Graficas/Uso.tsx
@@ -65,7 +65,7 @@ export default function Uso({ filtros }: Props) {
 
     return (
         <div style={{ minWidth: "570px", background: "white", borderRadius: "10px", padding: "1rem" }}>
-            <h1 style={{ margin: "0" }}>Uso</h1>
+            <h1 style={{ margin: "0" }}>Uso por equipo</h1>
             <ResponsiveContainer width="100%" aspect={2.5} minHeight={220}>
                 <BarChart data={dataTransformada}
                     width={500}