Skip to content

Add Webhook Trigger Buttons

Add trigger buttons in integration listing and event views to manually execute webhooks.

  • Integration listing: icon button in actions column; POST to /integrations/:id/trigger (no eventId)
  • Event listing: icon button; POST with { eventId }
  • Event detail: full "Trigger Integration" button; POST with { eventId }
  • Only visible when webhook configured/enabled AND user has canTriggerIntegrations
  • Loading state during API call; toast notifications for success/error
  • Client-side permission check; gracefully handle 403 responses

Example:

Integration listing row with trigger button: 

┌─────────────────────────────────────────────────┐
│ Name        | Org     | Type   | Actions         │
├─────────────────────────────────────────────────┤
│ ADP Sync    | Acme    | Lambda | [▶] [✏] [🗑]   │
└─────────────────────────────────────────────────┘
                                   ↑
                                   Trigger button

Event detail view with trigger button: 

┌─ Event Details ────────────────────────────────┐
│ Event: employee.sync                            │
│ Source: ADP Sync                                │
│ Timestamp: 2025-11-06 15:30:00                  │
│                                                  │
│ Details:                                         │
│   employee_id: 12345                             │
│   action: sync                                   │
│                                                  │
│ [Trigger Integration]                            │
└──────────────────────────────────────────────────┘