From 91e550e8d9e1d3b2c119b3cdbeaca5b40a2541b6 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Thu, 17 Jun 2021 17:12:50 -0400
Subject: [PATCH] Show panel icon in header, fix active state buttons

---
 app/src/components/v-button/v-button.vue                | 4 ++++
 app/src/modules/insights/routes/dashboard.vue           | 2 ++
 app/src/modules/insights/routes/panel-configuration.vue | 4 ++--
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/src/components/v-button/v-button.vue b/app/src/components/v-button/v-button.vue
index ba4ee92151..9e1828e2de 100644
--- a/app/src/components/v-button/v-button.vue
+++ b/app/src/components/v-button/v-button.vue
@@ -323,6 +323,10 @@ export default defineComponent({
 	--v-button-color: var(--foreground-subdued);
 }
 
+.outlined.active {
+	background-color: var(--v-button-background-color);
+}
+
 .dashed {
 	border-style: dashed;
 }
diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index c9caf48f3c..5ff37a2087 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -342,5 +342,7 @@ export default defineComponent({
 	--v-button-color-hover: var(--foreground-normal);
 	--v-button-background-color: var(--foreground-subdued);
 	--v-button-background-color-hover: var(--foreground-normal);
+	--v-button-color-active: var(--foreground-inverted);
+	--v-button-background-color-active: var(--primary);
 }
 </style>
diff --git a/app/src/modules/insights/routes/panel-configuration.vue b/app/src/modules/insights/routes/panel-configuration.vue
index a32385199a..bd52892a95 100644
--- a/app/src/modules/insights/routes/panel-configuration.vue
+++ b/app/src/modules/insights/routes/panel-configuration.vue
@@ -1,10 +1,10 @@
 <template>
 	<v-drawer
 		:model-value="isOpen"
-		:title="(panel && panel.name) || t('panel')"
+		:title="panel?.name || t('panel')"
 		:subtitle="t('panel_options')"
 		@cancel="$emit('cancel')"
-		icon="insert_chart"
+		:icon="panel?.icon || insert_chart"
 		persistent
 	>
 		<template #actions>