From a6065bcdb5286954c36f055059615fd3fb3e0584 Mon Sep 17 00:00:00 2001
From: rafael <rafaelminaya20@hotmail.com>
Date: Thu, 20 Nov 2025 20:13:25 -0400
Subject: [PATCH] Add "Historial" page and update navigation to support new
 view

Introduced the `HistoryPage` component for viewing request history. Updated navigation and dynamic header title logic to include the new "history" view. Adjusted `App.js` to handle the new view state and display `HistoryPage`.
---
 src/App.js                            |  5 +++++
 src/components/History/HistoryPage.js | 27 +++++++++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 src/components/History/HistoryPage.js

diff --git a/src/App.js b/src/App.js
index 3977640..8b96799 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,6 +6,7 @@ import RequestTable from './components/Requests/RequestTable';
 import RequestForm from './components/Requests/RequestForm';
 import ScheduledPage from './components/Scheduled/ScheduledPage';
 import NewRequestPage from './components/Requests/NewRequestPage';
+import HistoryPage from './components/History/HistoryPage';
 
 function App() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
@@ -21,6 +22,8 @@ function App() {
     ? 'Solicitudes Programadas'
     : activeView === 'create'
     ? 'Nueva Solicitud'
+    : activeView === 'history'
+    ? 'Historial'
     : 'Dashboard';
 
   return (
@@ -37,6 +40,8 @@ function App() {
           <ScheduledPage />
         ) : activeView === 'create' ? (
           <NewRequestPage />
+        ) : activeView === 'history' ? (
+          <HistoryPage />
         ) : (
           <section className="content-wrapper">
             <DashboardCards />
diff --git a/src/components/History/HistoryPage.js b/src/components/History/HistoryPage.js
new file mode 100644
index 0000000..5892ebe
--- /dev/null
+++ b/src/components/History/HistoryPage.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import '../../styles/components.css';
+import RequestTable from '../Requests/RequestTable';
+
+const HistoryPage = () => {
+  return (
+    <section className="content-wrapper">
+      <div className="card" style={{ marginBottom: 24 }}>
+        <div className="form-header">
+          <h3>
+            <i className="fas fa-history"></i>
+            Historial de Solicitudes
+          </h3>
+        </div>
+        <p style={{ color: 'var(--gray)' }}>
+          Consulta el registro de ejecuciones recientes y su estado.
+        </p>
+      </div>
+
+      <div className="content-grid">
+        <RequestTable />
+      </div>
+    </section>
+  );
+};
+
+export default HistoryPage;