Add missing data information on info widget

Author: paulpopus

src/components/Aggregates/AggregateDataWidget.tsx

@@ -89,31 +89,31 @@ const AggregateDataWidget: React.FC<Props> = ({ options, metricsMap }) => {
       <div>
         {isLoading ? (
           <>Loading...</>
+        ) : data.length > 0 ? (
+          <ul style={{ margin: "0", listStyle: "none", padding: "0" }}>
+            {data.map((item, index) => {
+              const value =
+                typeof item.value === "string"
+                  ? Math.floor(parseInt(item.value))
+                  : Math.floor(item.value);
+
+              const itemLabel = item.label;
+
+              const label = metricsMap?.[itemLabel] ?? itemLabel;
+
+              return (
+                <li
+                  key={index}
+                  style={{ display: "flex", justifyContent: "space-between" }}
+                >
+                  <div style={{ fontWeight: "700" }}>{label}</div>
+                  <div>{value}</div>
+                </li>
+              );
+            })}
+          </ul>
         ) : (
-          data.length > 0 && (
-            <ul style={{ margin: "0", listStyle: "none", padding: "0" }}>
-              {data.map((item, index) => {
-                const value =
-                  typeof item.value === "string"
-                    ? Math.floor(parseInt(item.value))
-                    : Math.floor(item.value);
-
-                const itemLabel = item.label;
-
-                const label = metricsMap?.[itemLabel] ?? itemLabel;
-
-                return (
-                  <li
-                    key={index}
-                    style={{ display: "flex", justifyContent: "space-between" }}
-                  >
-                    <div style={{ fontWeight: "700" }}>{label}</div>
-                    <div>{value}</div>
-                  </li>
-                );
-              })}
-            </ul>
-          )
+          <div>No data found.</div>
         )}
       </div>
     </section>