diff --git a/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx b/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx
index 3a4e31245b..44df51eea5 100644
--- a/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx
+++ b/client/app/components/dashboards/dashboard-widget/VisualizationWidget.jsx
@@ -75,6 +75,8 @@ RefreshIndicator.defaultProps = { refreshStartedAt: null };
function VisualizationWidgetHeader({ widget, refreshStartedAt, parameters, onParametersUpdate }) {
const canViewQuery = currentUser.hasPermission('view_query');
+ const queryResult = widget.getQueryResult();
+ const errorData = queryResult && queryResult.getErrorData();
return (
<>
@@ -90,8 +92,8 @@ function VisualizationWidgetHeader({ widget, refreshStartedAt, parameters, onPar
{!isEmpty(parameters) && (
-
-
+
)}
>
diff --git a/client/app/components/queries/visualization-embed.html b/client/app/components/queries/visualization-embed.html
index 563e4021e5..44bb137a29 100644
--- a/client/app/components/queries/visualization-embed.html
+++ b/client/app/components/queries/visualization-embed.html
@@ -13,7 +13,7 @@
diff --git a/client/app/components/queries/visualization-embed.js b/client/app/components/queries/visualization-embed.js
index fd3fa1c7f0..24b37837d6 100644
--- a/client/app/components/queries/visualization-embed.js
+++ b/client/app/components/queries/visualization-embed.js
@@ -14,6 +14,7 @@ const VisualizationEmbed = {
this.refreshQueryResults = () => {
this.loading = true;
this.error = null;
+ this.errorData = {};
this.refreshStartedAt = moment();
this.query
.getQueryResultPromise()
@@ -24,6 +25,7 @@ const VisualizationEmbed = {
.catch((error) => {
this.loading = false;
this.error = error.getError();
+ this.errorData = error.getErrorData();
});
};