Function ClusterMetricsInner

console/src/components/ClusterMetrics.tsx:60–260

({
  clusterId,
  clusterName,
  replicaName,
  ...props
}: ClusterMetricsProps)

}

export const ClusterMetricsInner = ({
  clusterId,
  clusterName,
  replicaName,
  ...props
}: ClusterMetricsProps) => {
  const { colors } = useTheme<MaterializeTheme>();
  const regionSlug = useRegionSlug();

  const { getClusterById } = useAllClusters();
  const cluster = getClusterById(clusterId);

  const { data } = useClusterReplicaMetrics({
    clusterId,
  });
  const clusterHasDisk =
    Boolean(cluster?.disk) || Boolean(cluster?.replicas.some((r) => r.disk));
  const replicaCount = data.rows.length;
  const metrics = data.rows[0];
  if (replicaCount === 0) {
    return (
      <VStack
        alignItems="flex-start"
        justifyContent="flex-start"
        width="100%"
        {...props}
      >
        <Alert
          variant="info"
          showLabel={false}
          label="Cluster paused"
          message={
            <Text>
              <Link
                to={absoluteClusterPath(regionSlug, {
                  id: clusterId,
                  name: clusterName,
                })}
              >
                <Text
                  as="span"
                  textStyle="text-ui-med"
                  textDecoration="underline"
                >
                  {clusterName}
                </Text>
              </Link>{" "}
              cluster is currently inactive
            </Text>
          }
          w="100%"
        />
      </VStack>
    );
  }

  // To support decimal results safely, we divide by 1 million first, then convert to a
  // number and divide by the remaining 1000.