diff --git a/packages/nc-gui/components/webhook/CallLog.vue b/packages/nc-gui/components/webhook/CallLog.vue
new file mode 100644
index 0000000000..34c2a44d4a
--- /dev/null
+++ b/packages/nc-gui/components/webhook/CallLog.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { HookLogType, HookType } from 'nocodb-sdk'
+import { onBeforeMount, useApi } from '#imports'
+
+const props = defineProps<Props>()
+
+const { api } = useApi()
+
+const hookLogs = ref<HookLogType[]>([])
+
+interface Props {
+  hook: HookType
+}
+
+async function loadHookLogList() {
+  hookLogs.value = (await api.dbTableWebhookLogs.list(props.hook.id!)).list!
+}
+
+onBeforeMount(async () => {
+  await loadHookLogList()
+})
+</script>
+
+<template>
+  <div v-for="hookLog of hookLogs">
+    {{ hookLog.id }}
+  </div>
+</template>