fix: show query link if chart fails to load

EzzalddeenAli · Jan 12, 2024 · 42ff43e · 42ff43e
1 parent f744ee1
commit 42ff43e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/frontend/src/dashboard/DashboardItem.vue b/frontend/src/dashboard/DashboardItem.vue
@@ -93,7 +93,7 @@ function openQueryInNewTab() {
 				:options="item.options"
 			/>
 
-			<div class="absolute right-3 top-3 z-10 flex items-center">
+			<div class="absolute right-3 top-3 z-[10001] flex items-center">
 				<div v-if="chartFilters?.length">
 					<Tooltip :text="chartFilters.map((c) => c.label || c.column?.label).join(', ')">
 						<div

diff --git a/frontend/src/widgets/useChartData.js b/frontend/src/widgets/useChartData.js
@@ -30,11 +30,17 @@ export default function useChartData(options = {}) {
 	function load(query) {
 		if (!query) return
 		state.loading = true
-		return options.resultsFetcher().then((results) => {
-			state.loading = false
-			state.rawData = getFormattedResult(results)
-			state.data = convertResultToObjects(state.rawData)
-		})
+		return options
+			.resultsFetcher()
+			.then((results) => {
+				state.loading = false
+				state.rawData = getFormattedResult(results)
+				state.data = convertResultToObjects(state.rawData)
+			})
+			.error((error) => {
+				state.loading = false
+				state.error = error
+			})
 	}
 
 	if (options.query) {