From 4f6645ece7d9cf5465e57946b7d55f085e102091 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 25 Mar 2023 18:13:21 +0800
Subject: [PATCH] feat(nc-gui): add a-skeleton for hook call log

---
 packages/nc-gui/components/webhook/CallLog.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/webhook/CallLog.vue b/packages/nc-gui/components/webhook/CallLog.vue
index 3e513d9985..5f73141c88 100644
--- a/packages/nc-gui/components/webhook/CallLog.vue
+++ b/packages/nc-gui/components/webhook/CallLog.vue
@@ -4,7 +4,7 @@ import { onBeforeMount, parseProp, timeAgo, useApi } from '#imports'
 
 const props = defineProps<Props>()
 
-const { api } = useApi()
+const { api, isLoading } = useApi()
 
 const hookLogs = ref<HookLogType[]>([])
 
@@ -24,7 +24,8 @@ onBeforeMount(async () => {
 </script>
 
 <template>
-  <a-collapse v-model:activeKey="activeKey" class="nc-hook-log-collapse">
+  <a-skeleton v-if="isLoading" />
+  <a-collapse v-else v-model:activeKey="activeKey" class="nc-hook-log-collapse">
     <a-collapse-panel v-for="(hookLog, idx) of hookLogs" :key="idx">
       <template #header>
         <div class="w-full cursor-pointer">