From b487ff4adc96b9e845994ef21de4e0e5e0e29a68 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 14:25:39 +0200
Subject: [PATCH] feat: refs #6891 create rightMenu

---
 src/components/common/RightMenu.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/common/RightMenu.vue

diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue
new file mode 100644
index 000000000..a83ebc390
--- /dev/null
+++ b/src/components/common/RightMenu.vue
@@ -0,0 +1,27 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import { useStateStore } from 'stores/useStateStore';
+
+defineProps({
+    dataKey: { type: String, required: true },
+});
+
+const { t } = useI18n();
+const stateStore = useStateStore();
+</script>
+<template>
+    <Teleport to="#actions-append">
+        <div class="row q-gutter-x-sm">
+            <QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
+                <QTooltip bottom anchor="bottom right">
+                    {{ t('globals.collapseMenu') }}
+                </QTooltip>
+            </QBtn>
+        </div>
+    </Teleport>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <slot name="right-panel" />
+        </QScrollArea>
+    </QDrawer>
+</template>