feat(gui-v2): add api snippet and webhooks btns

packages/nc-gui-v2/components/smartsheet/Sidebar.vue

@@ -20,6 +20,8 @@ import { extractSdkResponseErrorMsg, viewIcons } from '~/utils'
 import MdiPlusIcon from '~icons/mdi/plus'
 import MdiTrashCan from '~icons/mdi/trash-can'
 import MdiContentCopy from '~icons/mdi/content-copy'
+import MdiXml from '~icons/mdi/xml'
+import MdiHook from '~icons/mdi/hook'
 
 const meta = inject(MetaInj, ref())
 
@@ -263,13 +265,17 @@ function onStopEdit() {
     isStopped = false
   }, 250)
 }
+
+function onApiSnippet() {
+  // get API snippet
+  $e('a:view:api-snippet')
+}
 </script>
 
 <template>
   <a-layout-sider class="views-navigation-drawer bg-white shadow" :width="toggleDrawer ? 0 : 250">
     <div class="flex flex-col h-full">
-      <div class="flex-1">
+      <a-menu class="flex-1" :selected-keys="selected">
-        <a-menu :selected-keys="selected">
         <h3 class="pt-3 px-3 text-xs font-semibold">{{ $t('objects.views') }}</h3>
 
         <a-menu-item
@@ -378,8 +384,23 @@ function onStopEdit() {
             </div>
           </a-tooltip>
         </a-menu-item>
-        </a-menu>
+
+        <div class="flex flex-col gap-4 mt-8">
+          <button
+            class="flex items-center gap-2 w-full mx-3 p-4 rounded bordered bg-primary transform translate-x-4 hover:translate-x-0 transition duration-150 ease"
+            @click="onApiSnippet"
+          >
+            <MdiXml />Get API Snippet
+          </button>
+
+          <button
+            class="flex items-center gap-2 w-full mx-3 p-4 rounded border-1 border-solid border-black transform translate-x-4 hover:translate-x-0 transition duration-150 ease"
+            @click="onApiSnippet"
+          >
+            <MdiHook />{{ $t('objects.webhooks') }}
+          </button>
         </div>
+      </a-menu>
     </div>
 
     <DlgViewCreate v-if="views" v-model="modalOpen" :title="viewCreateTitle" :type="viewCreateType" @created="onCreate" />