mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-18 05:10:45 +00:00
fixed layout, null checks
This commit is contained in:
@ -102,13 +102,19 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
|
|||||||
widgetData[i] = await qController.widget(widgetMetaData.name, urlParams);
|
widgetData[i] = await qController.widget(widgetMetaData.name, urlParams);
|
||||||
setWidgetData(widgetData);
|
setWidgetData(widgetData);
|
||||||
setWidgetCounter(widgetCounter + 1);
|
setWidgetCounter(widgetCounter + 1);
|
||||||
|
if(widgetData[i])
|
||||||
|
{
|
||||||
widgetData[i]["errorLoading"] = false;
|
widgetData[i]["errorLoading"] = false;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
catch(e)
|
catch(e)
|
||||||
{
|
{
|
||||||
console.error(e);
|
console.error(e);
|
||||||
|
if(widgetData[i])
|
||||||
|
{
|
||||||
widgetData[i]["errorLoading"] = true;
|
widgetData[i]["errorLoading"] = true;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
forceUpdate();
|
forceUpdate();
|
||||||
})();
|
})();
|
||||||
@ -121,23 +127,31 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
|
|||||||
{
|
{
|
||||||
const urlParams = getQueryParams(widgetMetaDataList[index], data);
|
const urlParams = getQueryParams(widgetMetaDataList[index], data);
|
||||||
setCurrentUrlParams(urlParams);
|
setCurrentUrlParams(urlParams);
|
||||||
|
widgetData[index] = {};
|
||||||
|
|
||||||
try
|
try
|
||||||
{
|
{
|
||||||
widgetData[index] = await qController.widget(widgetMetaDataList[index].name, urlParams);
|
widgetData[index] = await qController.widget(widgetMetaDataList[index].name, urlParams);
|
||||||
setWidgetCounter(widgetCounter + 1);
|
setWidgetCounter(widgetCounter + 1);
|
||||||
setWidgetData(widgetData);
|
setWidgetData(widgetData);
|
||||||
|
|
||||||
|
if (widgetData[index])
|
||||||
|
{
|
||||||
widgetData[index]["errorLoading"] = false;
|
widgetData[index]["errorLoading"] = false;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
catch(e)
|
catch(e)
|
||||||
{
|
{
|
||||||
console.error(e);
|
console.error(e);
|
||||||
|
if (widgetData[index])
|
||||||
|
{
|
||||||
widgetData[index]["errorLoading"] = true;
|
widgetData[index]["errorLoading"] = true;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
forceUpdate();
|
forceUpdate();
|
||||||
})();
|
})();
|
||||||
};
|
}
|
||||||
|
|
||||||
function getQueryParams(widgetMetaData: QWidgetMetaData, extraParams: string): string
|
function getQueryParams(widgetMetaData: QWidgetMetaData, extraParams: string): string
|
||||||
{
|
{
|
||||||
|
@ -384,7 +384,7 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
|
|||||||
</Box>
|
</Box>
|
||||||
{
|
{
|
||||||
errorLoading ? (
|
errorLoading ? (
|
||||||
<Box p={3} sx={{display: "flex", justifyContent: "center", alignItems: "flex-start"}}>
|
<Box pb={3} sx={{display: "flex", justifyContent: "center", alignItems: "flex-start"}}>
|
||||||
<Icon color="error">error</Icon>
|
<Icon color="error">error</Icon>
|
||||||
<Typography sx={{paddingLeft: "4px", textTransform: "revert"}} variant="button">An error occurred loading widget content.</Typography>
|
<Typography sx={{paddingLeft: "4px", textTransform: "revert"}} variant="button">An error occurred loading widget content.</Typography>
|
||||||
</Box>
|
</Box>
|
||||||
|
Reference in New Issue
Block a user