1 files changed, 10 insertions, 1 deletions
diff --git a/webapp/components/backstage/installed_integrations.jsx b/webapp/components/backstage/installed_integrations.jsx
index 4f79509d9..0b6701b21 100644
--- a/webapp/components/backstage/installed_integrations.jsx
+++ b/webapp/components/backstage/installed_integrations.jsx
@@ -21,6 +21,10 @@ export default class InstalledIntegrations extends React.Component {
         this.updateFilter = this.updateFilter.bind(this);
         this.updateTypeFilter = this.updateTypeFilter.bind(this);
 
+        this.deleteIncomingWebhook = this.deleteIncomingWebhook.bind(this);
+        this.regenOutgoingWebhookToken = this.regenOutgoingWebhookToken.bind(this);
+        this.deleteOutgoingWebhook = this.deleteOutgoingWebhook.bind(this);
+
         this.state = {
             incomingWebhooks: [],
             outgoingWebhooks: [],
@@ -82,6 +86,10 @@ export default class InstalledIntegrations extends React.Component {
         AsyncClient.deleteIncomingHook(incomingWebhook.id);
     }
 
+    regenOutgoingWebhookToken(outgoingWebhook) {
+        AsyncClient.regenOutgoingHookToken(outgoingWebhook.id);
+    }
+
     deleteOutgoingWebhook(outgoingWebhook) {
         AsyncClient.deleteOutgoingHook(outgoingWebhook.id);
     }
@@ -227,7 +235,8 @@ export default class InstalledIntegrations extends React.Component {
                     <InstalledOutgoingWebhook
                         key={outgoingWebhook.id}
                         outgoingWebhook={outgoingWebhook}
-                        onDeleteClick={this.deleteOutgoingWebhook}
+                        onRegenToken={this.regenOutgoingWebhookToken}
+                        onDelete={this.deleteOutgoingWebhook}
                     />
                 );
             }