From fffb36a388ab6fb387aaea8dd51f3965cd821d80 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 9 Aug 2022 19:16:21 +0800
Subject: [PATCH] fix(gui-v2): add missing webhook drawer

---
 .../components/smartsheet/sidebar/MenuBottom.vue       | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
index 3a52b19c63..58f4093713 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
@@ -18,11 +18,17 @@ const { $e } = useNuxtApp()
 
 const isView = ref(false)
 
+const showWebhookDrawer = ref(false)
+
 function onApiSnippet() {
   // get API snippet
   $e('a:view:api-snippet')
 }
 
+function onWebhooks() {
+  showWebhookDrawer.value = true
+}
+
 function onOpenModal(type: ViewTypes, title = '') {
   emits('openModal', { type, title })
 }
@@ -104,7 +110,7 @@ function onOpenModal(type: ViewTypes, title = '') {
 
       <button
         class="flex items-center gap-2 w-full mx-3 px-4 py-3 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease"
-        @click="onApiSnippet"
+        @click="onWebhooks"
       >
         <MdiHook />{{ $t('objects.webhooks') }}
       </button>
@@ -142,5 +148,7 @@ function onOpenModal(type: ViewTypes, title = '') {
         </a>
       </template>
     </general-flipping-card>
+
+    <WebhookDrawer v-if="showWebhookDrawer" v-model="showWebhookDrawer" />
   </a-menu>
 </template>