@allurereport/web-dashboard 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-4b8d700b.js"
+  "main.js": "app-716851c4.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-dashboard",
-  "version": "3.0.0-beta.12",
+  "version": "3.0.0-beta.14",
   "description": "The static files for Allure Dashboard Report",
   "keywords": [
     "allure",
@@ -31,9 +31,9 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/core-api": "3.0.0-beta.12",
-    "@allurereport/web-commons": "3.0.0-beta.12",
-    "@allurereport/web-components": "3.0.0-beta.12",
+    "@allurereport/core-api": "3.0.0-beta.14",
+    "@allurereport/web-commons": "3.0.0-beta.14",
+    "@allurereport/web-components": "3.0.0-beta.14",
     "@preact/signals": "^1.3.0",
     "clsx": "^2.1.1",
     "i18next": "^24.0.2",

package/src/components/Dashboard/index.tsx

@@ -1,14 +1,23 @@
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 import { capitalize } from "@allurereport/web-commons";
-import { Grid, GridItem, Loadable, PageLoader, SuccessRatePieChart } from "@allurereport/web-components";
+import {
+  Grid,
+  GridItem,
+  Loadable,
+  PageLoader,
+  SuccessRatePieChart,
+  TrendChartWidget,
+  Widget,
+} from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
 import { type ChartData, ChartType, dashboardStore, fetchDashboardData } from "@/stores/dashboard";
 import { useI18n } from "@/stores/locale";
-import { TrendChartWidget } from "./components/TrendChartWidget";
-import { Widget } from "./components/Widget";
 import * as styles from "./styles.scss";
 
-const getChartWidgetByType = (chartData: ChartData, t: (key: string, options?: any) => string) => {
+const getChartWidgetByType = (
+  chartData: ChartData,
+  { t, empty }: Record<string, (key: string, options?: any) => string>,
+) => {
   switch (chartData.type) {
     case ChartType.Trend: {
       const type = t(`trend.type.${chartData.dataType}`);
@@ -21,6 +30,7 @@ const getChartWidgetByType = (chartData: ChartData, t: (key: string, options?: a
           slices={chartData.slices}
           min={chartData.min}
           max={chartData.max}
+          translations={{ "no-results": empty("no-results") }}
         />
       );
     }
@@ -42,6 +52,7 @@ const getChartWidgetByType = (chartData: ChartData, t: (key: string, options?: a
 
 export const Dashboard = () => {
   const { t } = useI18n("charts");
+  const { t: empty } = useI18n("empty");
 
   useEffect(() => {
     fetchDashboardData();
@@ -53,8 +64,7 @@ export const Dashboard = () => {
       renderLoader={() => <PageLoader />}
       renderData={(data) => {
         const charts = Object.entries(data).map(([chartId, value]) => {
-          const chartWidget = getChartWidgetByType(value, t);
-
+          const chartWidget = getChartWidgetByType(value, { t, empty });
           return (
             <GridItem key={chartId} className={styles["overview-grid-item"]}>
               {chartWidget}