summaryrefslogtreecommitdiff
path: root/frontend/src/Path.js
blob: 3fd50eabe2dc0ecd22021c77a350e8f6271322a2 (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 DataDisplay from './DataDisplay'; // Import the DataDisplay component

const Path = () => {
  const { data: sseData, error } = useSSE('http://localhost:8000/data_stream');
  const data = sseData ? sseData.route : null;

  return (
    <div className="text-white">
      {error && <p>Error: {error}</p>}
      {data ? <DataDisplay data={data} /> : <p>Loading data...</p>}
    </div>
  );
};

export default Path;