Loading...
Loading...
> Track webhook delivery status with filtering, retry functionality, and detailed request/response debugging.
1import { WebhookLog } from "@/components/ui/webhook-log"
Track webhook delivery status and debug failures
https://api.example.com/webhooks/events
https://api.example.com/webhooks/failed
[ERROR]: Connection timeout after 5000ms
https://api.example.com/webhooks/pending
[ERROR]: Request failed with status code 503
1<WebhookLog2 userId="user_123"3 initialLogs={logs}4 onRetry={async (logId) => {5 // Retry failed webhook6 }}7 onRefresh={async () => {8 // Refresh logs9 }}10 realtimeUpdates={true}11 pollInterval={5000}12/>
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | undefined | Additional CSS classes for the container. |
| userId | string | undefined | The ID of the user viewing webhook logs. |
| onRetry | (logId: string) => Promise<void> | undefined | Callback to retry a failed webhook delivery. |
| onRefresh | () => Promise<void> | undefined | Callback to refresh webhook logs from the server. |
| initialLogs | WebhookLogEntry[] | [] | Initial array of webhook log entries. |
| realtimeUpdates | boolean | false | Enable automatic polling for new webhook logs. |
| pollInterval | number | 5000 | Polling interval in milliseconds (when realtimeUpdates is true). |