blob: d46d914e5b3c816cf8781ba82d44110ef46b12b3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
import React from 'react';
import useSSE from './useSSE';
import InfoDisplay from './InfoDisplay'; // Import the DataDisplay component
const Info = () => {
const { data: sseData, error } = useSSE('http://localhost:8000/data_stream');
const data = sseData ? sseData.route_info : null;
return (
<div className="text-white">
{error && <p>Error: {error}</p>}
{data ? <InfoDisplay data={data} /> : <p>Loading data...</p>}
</div>
);
};
export default Info;
|
