@mcp-shark/mcp-shark/ui/src/components/SmartScan/hooks/useServerStatus.js

Aggregate multiple Model Context Protocol (MCP) servers into a single unified interface with a powerful monitoring UI. Prov deep visibility into every request and response.

import { useState, useEffect } from 'react';

export function useServerStatus() {
  const [serverStatus, setServerStatus] = useState(null);

  useEffect(() => {
    checkServerStatus();
    const interval = setInterval(checkServerStatus, 2000);
    return () => clearInterval(interval);
  }, []);

  const checkServerStatus = async () => {
    try {
      const res = await fetch('/api/composite/status');
      if (!res.ok) {
        throw new Error('Server not available');
      }
      const data = await res.json();
      setServerStatus(data);
    } catch (err) {
      setServerStatus({ running: false });
    }
  };

  return { serverStatus };
}