overview.jsx

import ClusterMetric from "../../components/cluster_metric";
import { Button } from 'antd';
import InstallAgent from '@/components/Overview/Monitor/InstallAgent';
import { formatMessage } from "umi/locale";

const timezone = "local";

export default ({
  hostID,
  timeRange,
  handleTimeChange,
  info,
  bucketSize,
  timezone,
  timeout,
  refresh,
}) => {
  const isAgent = info?.agent_id

  return (
    <ClusterMetric
      timezone={timezone}
      timeRange={timeRange}
      timeout={timeout}
      bucketSize={bucketSize}
      refresh={refresh}
      handleTimeChange={handleTimeChange}
      overview={1}
      fetchUrl={`/host/${hostID}/metrics`}
      renderExtra={() => {
        if (isAgent) return;
        return <InstallAgent height={226} desc={formatMessage({ id: "cluster.metrics.host.uninstall_agent" })}/>
      }}
      metrics={[
        'cpu_used_percent', 
        'memory_used_percent', 
        'disk_used_percent', 
        isAgent ? 'network_summary' : undefined, 
        isAgent ? 'disk_read_rate' : undefined, 
        isAgent ? 'disk_write_rate' : undefined
      ].filter((item) => !!item)}
    />
  );
}