function Visualizations()

in captum/insights/attr_vis/frontend/src/App.tsx [23:59]

• 36 lines of code
• 4 McCabe index (conditional complexity)

function Visualizations(props: VisualizationsProps) {
  if (props.loading) {
    return (
      <div className="viz">
        <div className={cx([styles.panel, styles["panel--center"]])}>
          <Spinner />
        </div>
      </div>
    );
  }

  if (!props.data || props.data.length === 0) {
    return (
      <div className={styles.viz}>
        <div className={styles.panel}>
          <div className={styles["panel__column"]}>
            Please press{" "}
            <strong className={styles["text-feature-word"]}>Fetch</strong> to
            start loading data.
          </div>
        </div>
      </div>
    );
  }
  return (
    <div className={styles.viz}>
      {props.data.map((vg, i) => (
        <VisualizationGroupDisplay
          data={vg}
          key={i}
          inputIndex={i}
          onTargetClick={props.onTargetClick}
        />
      ))}
    </div>
  );
}