@mcp-shark/mcp-shark/ui/src/components/SmartScan/ScanViewContent.jsx

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 { colors } from '../../theme';
import ServerSelectionRow from './ServerSelectionRow';
import ScanResultsDisplay from './ScanResultsDisplay';
import ScanDetailView from './ScanDetailView';

export default function ScanViewContent({
  discoveredServers,
  selectedServers,
  setSelectedServers,
  runScan,
  scanning,
  apiToken,
  error,
  scanResults,
  scanResult,
  selectedScan,
  loadingScanDetail,
  setSelectedScan,
  loadScanDetail,
  onViewScan,
}) {
  if (selectedScan) {
    return (
      <div
        style={{
          flex: 1,
          overflowY: 'auto',
          overflowX: 'hidden',
          padding: '24px',
          background: colors.bgPrimary,
        }}
      >
        <ScanDetailView
          scan={selectedScan}
          loading={loadingScanDetail}
          onClose={() => {
            setSelectedScan(null);
            loadScanDetail(null);
          }}
        />
      </div>
    );
  }

  return (
    <>
      {discoveredServers.length > 0 && (
        <ServerSelectionRow
          discoveredServers={discoveredServers}
          selectedServers={selectedServers}
          setSelectedServers={setSelectedServers}
          runScan={runScan}
          scanning={scanning}
          apiToken={apiToken}
        />
      )}

      <ScanResultsDisplay
        error={error}
        scanning={scanning}
        selectedServers={selectedServers}
        scanResults={scanResults}
        scanResult={scanResult}
        onViewScan={onViewScan}
      />
    </>
  );
}