vista ordenes protegida

Author: MarlonPerez-01

backend/server/routes/venta.routes.js

@@ -9,6 +9,7 @@ import {
 import { ventaSchema } from '../validators/venta.validator';
 import { idSchema, intervaloSchema } from '../validators/query.validator';
 import cajero from '../middlewares/cajero';
+import chef from '../middlewares/chef';
 
 import {
   validarBody,
@@ -19,7 +20,7 @@ import {
 export default (app) => {
   // app.get('/ventas/:id', validarParams(idSchema), seleccionarById);
 
-  app.get('/ventas', validarQuery(intervaloSchema), seleccionar);
+  app.get('/ventas', validarQuery(intervaloSchema), chef, seleccionar);
 
   app.post('/ventas', validarBody(ventaSchema), cajero, insertar);
 

frontend/src/components/Header.jsx

@@ -11,6 +11,7 @@ const Header = () => {
   };
   return (
     <>
+    
       <nav className="navbar navbar-light bg-light">
         <div className="container-fluid">
           <span className="navbar-brand">Nombre Restaurante</span>
@@ -20,9 +21,11 @@ const Header = () => {
             value="Cerrar Sesión"
             onClick={cerrarSesion}
           />
-        </div>
+        
+      </div>
       </nav>
     </>
+
   );
 };
 

frontend/src/components/ordenes/Ordenes.jsx

@@ -1,15 +1,21 @@
 import React, { useEffect, useState } from 'react';
+import { useHistory } from 'react-router';
+import { leerSesion } from '../../helper/autenticacion';
 import Error from '../Error';
+import Header from '../Header';
 import Orden from './Orden';
 
 const Ordenes = () => {
   const [ordenes, setOrdenes] = useState([]);
   const [mensaje, setMensaje] = useState('Cargando...');
 
-  const obtenerOrdenes = async () => {
+  const obtenerOrdenes = async (token) => {
     const res = await fetch('http://127.0.0.1:8080/ventas', {
       method: 'GET',
-      headers: { 'Content-type': 'application/json; charset=UTF-8' }
+      headers: {
+        'Content-type': 'application/json',
+        'x-auth-token': token
+      }
     });
     const data = await res.json();
 
@@ -20,8 +26,18 @@ const Ordenes = () => {
     }
   };
 
+  const history = useHistory();
+
   useEffect(() => {
-    obtenerOrdenes();
+    //redireccionar al login si no es CHEF
+    const sesion = leerSesion();
+
+    if (sesion.existe && sesion.cargo === 'CHEF') {
+      
+      obtenerOrdenes(sesion.token);
+    } else {
+      history.push('/');
+    }
   }, []);
 
   const eliminar = async (id) => {
@@ -45,8 +61,9 @@ const Ordenes = () => {
 
   return (
     <>
+    <Header />
       <div className="row">
-        <h1 className="col text-center mb-4 mt-4 text-secondary">
+        <h1 className="col mb-4 mt-4 text-secondary">
           Listado de ordenes
         </h1>
       </div>

frontend/src/components/ventas/Ventas.jsx

@@ -1,7 +1,11 @@
 import React from 'react';
+import Header from '../Header';
 
 const Ventas = () => {
-	return <h1>Desde Ventas</h1>;
+	return (<>
+	<Header />
+		<h1>Desde Ventas</h1>
+	</>);
 };
 
 export default Ventas;