cost-model/ui/src/cloudCost/cloudCostChart/index.js

import * as React from "react";

import Typography from "@material-ui/core/Typography";

import RangeChart from "./rangeChart";

const CloudCostChart = ({ graphData, currency, n, height }) => {
  if (graphData.length === 0) {
    return <Typography variant="body2">No data</Typography>;
  }
  return <RangeChart data={graphData} currency={currency} height={height} />;
};

export default React.memo(CloudCostChart);