Merge pull request #37 from rzyuras/develop2

Develop2

Author: rzyuras

Sample-01/src/api/flights.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-// const BASE_URL = 'http://localhost:3000';
+//const BASE_URL = 'http://localhost:3000';
 const BASE_URL = 'https://rvvfas273i.execute-api.us-east-2.amazonaws.com/dev';
 
 export const getAllFlights = async (token, filters = {}, pageNumber = 1) => {
@@ -45,7 +45,7 @@ export const getRecommendations = async ( token ) => {
             Authorization: `Bearer ${token}`
         };
         const response = await axios.get(`${BASE_URL}/flights/recommendations`, { headers });
-        return response.data.flights;
+        return response.data;
     } catch (error) {
         console.error("Error: details", error)
         throw error;

Sample-01/src/views/Recommendations.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useAuth0 } from '@auth0/auth0-react';
-import { getRecommendations } from '../api/flights';
+import { getRecommendations, getFlightDetails } from '../api/flights';
 import {
     Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper,
     TablePagination, Box
@@ -11,32 +11,74 @@ import { es } from 'date-fns/locale';
 
 function Recommendations() {
     const { isAuthenticated, getAccessTokenSilently} = useAuth0();
-    const [flights, setFlights] = useState([]);
+    const [flights, setFlights] = useState(null);
+    const [date_update, setUpdate] = useState();
+    const [status, setStatus] = useState(null);
     //const [page, setPage] = useState(0);
     const navigate = useNavigate();
 
     useEffect(() => {
         const fetchFlights = async () => {
-            if (!isAuthenticated) return;
-            try {
-                const token = await getAccessTokenSilently();
-                const flightsData = await getRecommendations(token);
-                setFlights(flightsData);
-            } catch (error) {
-                console.error("Error fetching flights:", error);
+          if (!isAuthenticated) return;
+    
+          try {
+            const token = await getAccessTokenSilently();
+            const flightsData = await getRecommendations(token);
+            console.log("get recommendations:", flightsData);
+
+            const id_1 = flightsData.flights.flight1;
+            const id_2 = flightsData.flights.flight2;
+            const id_3 = flightsData.flights.flight3;
+    
+            if (!id_1 || !id_2 || !id_3) {
+              setFlights(null);
+            } else {
+              const [flight1Data, flight2Data, flight3Data] = await Promise.all([
+                getFlightDetails(token, id_1),
+                getFlightDetails(token, id_2),
+                getFlightDetails(token, id_3)
+              ]);
+              setFlights([flight1Data.flight, flight2Data.flight, flight3Data.flight]);
+              setUpdate(flightsData.flights.updatedAt);
             }
+          } catch (error) {
+            console.error("Error fetching recommendations:", error);
+          }
         };
-
+    
         fetchFlights();
     }, [getAccessTokenSilently, isAuthenticated]);
 
+    useEffect(() => {
+        const fetchHearbeat = async () => {
+            if (!isAuthenticated) return;
+            try {
+                const response = await fetch('https://worker.matiasoliva.me/heartbeat');
+                const data = await response.json();
+                setStatus(data.status);
+            } catch (error) {
+                console.error("Error fetching status:", error);
+        }
+    };
+
+        fetchHearbeat();
+        const intervalId = setInterval(fetchHearbeat, 5000); // Adjust the interval as needed
+
+        return () => clearInterval(intervalId);
+    }, [isAuthenticated]);
+
     /*const handleChangePage = (event, newPage) => {
         setPage(newPage);
     };*/
 
     if (!isAuthenticated) return <div>Please log in to view this content.</div>;
 
     return (
+        <div>
+        <p>Status: {status ? 'Workers disponibles' : 'Workers no disponibles'}</p>
+        {flights ? (
+            <>
+        <p>Última actualización: {format(new Date(date_update), "d 'de' MMMM yyyy 'a las' HH:mm", { locale: es })}</p>
         <Box sx={{ flexGrow: 1 , margin: 3}}>
             <TableContainer component={Paper}>
                 <Table>
@@ -83,7 +125,10 @@ function Recommendations() {
                     rowsPerPageOptions={[]}
                     />*/}
             </TableContainer>
-        </Box>
+        </Box></>) : (
+        <p>No hay recomendaciones disponibles.</p>
+      )}
+        </div>
     );
 }