feat(web/webhooks): surface manual FIRE button per row
The per-row test-delivery action already existed as an icon-only ⚡ zap in the ACTIONS column — backed by POST /webhooks/{uuid}/test, which fires a synthetic test.ping event through the normal HMAC- signed delivery path with retries disabled. Too easy to miss. Replace the icon-only button with a labeled [⚡ FIRE] violet-accented button so it reads as an emphasized dev-tool action right next to edit/delete. Tooltip now spells out the backend endpoint and "fire a synthetic test event" intent. No backend change. Widens the actions column to 180px to accommodate the label.
This commit is contained in:
@@ -117,7 +117,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.webhooks-root .webhooks-table .col-check { width: 28px; }
|
.webhooks-root .webhooks-table .col-check { width: 28px; }
|
||||||
.webhooks-root .webhooks-table .col-actions { width: 140px; }
|
.webhooks-root .webhooks-table .col-actions { width: 180px; }
|
||||||
|
|
||||||
|
.webhooks-root .action-btn.fire {
|
||||||
|
border-color: var(--violet);
|
||||||
|
color: var(--violet);
|
||||||
|
letter-spacing: 1.5px;
|
||||||
|
}
|
||||||
|
.webhooks-root .action-btn.fire:hover {
|
||||||
|
background: var(--violet);
|
||||||
|
color: #000;
|
||||||
|
box-shadow: var(--violet-glow);
|
||||||
|
}
|
||||||
|
|
||||||
.webhooks-root .wh-url-cell {
|
.webhooks-root .wh-url-cell {
|
||||||
font-family: var(--font-mono);
|
font-family: var(--font-mono);
|
||||||
|
|||||||
@@ -439,11 +439,12 @@ const Webhooks: React.FC = () => {
|
|||||||
<td>
|
<td>
|
||||||
<div className="wh-actions">
|
<div className="wh-actions">
|
||||||
<button
|
<button
|
||||||
className="action-btn"
|
className="action-btn fire"
|
||||||
onClick={() => handleTestOne(w.uuid, w.name)}
|
onClick={() => handleTestOne(w.uuid, w.name)}
|
||||||
title="Send synthetic test event"
|
title="Fire a synthetic test event to this webhook (POST /webhooks/{uuid}/test)"
|
||||||
>
|
>
|
||||||
<Zap size={12} />
|
<Zap size={12} />
|
||||||
|
FIRE
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className="action-btn"
|
className="action-btn"
|
||||||
|
|||||||
Reference in New Issue
Block a user