Function MetricsView

src/ui-solid-inspector/index.tsx:762–797

(props: {readonly metricsId?: Id} & StoreProp)

);

const MetricsView = (props: {readonly metricsId?: Id} & StoreProp) => {
  const metrics = useMetrics(props.metricsId);
  const metricIds = useMetricIds(metrics);
  return (
    <>
      {isUndefined(metrics()) ? (
        EMPTY_STRING
      ) : (
        <Details
          uniqueId={getUniqueId('m', props.metricsId)}
          title={'Metrics: ' + (props.metricsId ?? DEFAULT)}
          s={props.s}
        >
          {arrayIsEmpty(metricIds()) ? (
            'No metrics defined'
          ) : (
            <table>
              <thead>
                <tr>
                  <th>Metric Id</th>
                  <th>Table Id</th>
                  <th>Metric</th>
                </tr>
              </thead>
              <tbody>
                {arrayMap(metricIds(), (metricId) => (
                  <MetricRow metrics={metrics()} metricId={metricId} />
                ))}
              </tbody>
            </table>
          )}
        </Details>
      )}
    </>
  );
};

const SliceView = (
  props: {