InfraHub

1
import React, { useEffect, useState } from 'react';
2
import axios from 'axios';
3

4
const ServerStatus = () => {
5
  const [status, setStatus] = useState({});
6

7
  useEffect(() => {
8
    axios.get('/api/server-status')
9
      .then(response => setStatus(response.data))
10
      .catch(error => console.error(error));
11
  }, []);
12

13
  return (
14
    <div>
15
      <h2>Server Status</h2>
16
      <ul>
17
        <li>CPU Usage: {status.cpu}%</li>
18
        <li>Memory Usage: {status.memory}%</li>
19
        <li>Traffic: {status.traffic} MB</li>
20
        {/* Add more status indicators */}
21
      </ul>
22
    </div>
23
  );
24
};
25

26
export default ServerStatus;
27