From 48cd63bc3c9130accaf82e54aa622eec253809fe Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Fri, 11 Jun 2021 21:51:54 -0400
Subject: [PATCH] Fix animation on panel config

---
 app/src/modules/insights/routes/panel-configuration.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/modules/insights/routes/panel-configuration.vue b/app/src/modules/insights/routes/panel-configuration.vue
index 3685a8f944..d48ef26503 100644
--- a/app/src/modules/insights/routes/panel-configuration.vue
+++ b/app/src/modules/insights/routes/panel-configuration.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-drawer
-		:model-value="true"
+		:model-value="isOpen"
 		:title="(panel && panel.name) || t('panel')"
 		@cancel="$emit('cancel')"
 		icon="insert_chart"
@@ -92,6 +92,7 @@ import { getPanels } from '@/panels';
 import { FancySelectItem } from '@/components/v-fancy-select/types';
 import { Panel } from '@/types';
 import { useI18n } from 'vue-i18n';
+import { useDialogRoute } from '@/composables/use-dialog-route';
 
 export default defineComponent({
 	name: 'PanelConfiguration',
@@ -106,6 +107,8 @@ export default defineComponent({
 
 		const { panels } = getPanels();
 
+		const isOpen = useDialogRoute();
+
 		const edits = reactive<Partial<Panel>>({
 			show_header: props.panel?.show_header ?? true,
 			type: props.panel?.type || undefined,
@@ -154,6 +157,7 @@ export default defineComponent({
 			emitSave,
 			edits,
 			t,
+			isOpen,
 		};
 
 		function emitSave() {