diff --git a/src/qqq/components/widgets/DashboardWidgets.tsx b/src/qqq/components/widgets/DashboardWidgets.tsx
index df3d149..f02f71f 100644
--- a/src/qqq/components/widgets/DashboardWidgets.tsx
+++ b/src/qqq/components/widgets/DashboardWidgets.tsx
@@ -18,7 +18,6 @@
* along with this program. If not, see .
*/
-import {QInstance} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QInstance";
import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData";
import {Skeleton} from "@mui/material";
import Box from "@mui/material/Box";
@@ -77,7 +76,6 @@ DashboardWidgets.defaultProps = {
function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omitWrappingGridContainer, areChildren, childUrlParams}: Props): JSX.Element
{
const location = useLocation();
- const [qInstance, setQInstance] = useState(null as QInstance);
const [widgetData, setWidgetData] = useState([] as any[]);
const [widgetCounter, setWidgetCounter] = useState(0);
const [, forceUpdate] = useReducer((x) => x + 1, 0);
@@ -85,15 +83,6 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
const [currentUrlParams, setCurrentUrlParams] = useState(null as string);
const [haveLoadedParams, setHaveLoadedParams] = useState(false);
- useEffect(() =>
- {
- (async () =>
- {
- const newQInstance = await qController.loadMetaData();
- setQInstance(newQInstance);
- })();
- }, []);
-
useEffect(() =>
{
for (let i = 0; i < widgetMetaDataList.length; i++)
diff --git a/src/qqq/components/widgets/charts/StackedBarChart.tsx b/src/qqq/components/widgets/charts/StackedBarChart.tsx
index 18bcaf0..e0079c7 100644
--- a/src/qqq/components/widgets/charts/StackedBarChart.tsx
+++ b/src/qqq/components/widgets/charts/StackedBarChart.tsx
@@ -22,7 +22,7 @@
import Box from "@mui/material/Box";
import {BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, Title, Tooltip,} from "chart.js";
-import React, {useEffect} from "react";
+import React, {useEffect, useState} from "react";
import {Bar} from "react-chartjs-2";
import {useNavigate} from "react-router-dom";
import colors from "qqq/assets/theme/base/colors";
@@ -39,6 +39,9 @@ ChartJS.register(
export const options = {
responsive: true,
+ animation: {
+ duration: 0
+ },
scales: {
x: {
stacked: true,
@@ -59,6 +62,9 @@ function StackedBarChart({data}: Props): JSX.Element
{
const navigate = useNavigate();
+ const [stateData, setStateData] = useState(data);
+
+
const handleClick = (e: Array<{}>) =>
{
if(e && e.length > 0 && data?.urls && data?.urls.length)
@@ -80,12 +86,13 @@ function StackedBarChart({data}: Props): JSX.Element
dataset.backgroundColor = gradients[chartColors[index]].state;
}
});
+ setStateData(stateData);
}
}, [data]);
return data ? (
-
+
) : null;
}