homepage-plus/src/widgets/glances/component.jsx

import Memory from "./metrics/memory";
import Cpu from "./metrics/cpu";
import Sensor from "./metrics/sensor";
import Net from "./metrics/net";
import Process from "./metrics/process";
import Disk from "./metrics/disk";
import GPU from "./metrics/gpu";
import Info from "./metrics/info";
import Fs from "./metrics/fs";
import Containers from "./metrics/containers";

export default function Component({ service }) {
  const { widget } = service;

  if (widget.metric === "info") {
    return <Info service={service} />;
  }

  if (widget.metric === "memory") {
    return <Memory service={service} />;
  }

  if (widget.metric === "process") {
    return <Process service={service} />;
  }

  if (widget.metric === "containers") {
    return <Containers service={service} />;
  }

  if (widget.metric === "cpu") {
    return <Cpu service={service} />;
  }

  if (widget.metric.match(/^network:/)) {
    return <Net service={service} />;
  }

  if (widget.metric.match(/^sensor:/)) {
    return <Sensor service={service} />;
  }

  if (widget.metric.match(/^disk:/)) {
    return <Disk service={service} />;
  }

  if (widget.metric.match(/^gpu:/)) {
    return <GPU service={service} />;
  }

  if (widget.metric.match(/^fs:/)) {
    return <Fs service={service} />;
  }
}