2 files changed, 35 insertions, 6 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}
                     />
                 );
             }
diff --git a/webapp/components/backstage/installed_outgoing_webhook.jsx b/webapp/components/backstage/installed_outgoing_webhook.jsx
index 3c0e20634..12e1a5c81 100644
--- a/webapp/components/backstage/installed_outgoing_webhook.jsx
+++ b/webapp/components/backstage/installed_outgoing_webhook.jsx
@@ -12,20 +12,28 @@ export default class InstalledOutgoingWebhook extends React.Component {
     static get propTypes() {
         return {
             outgoingWebhook: React.PropTypes.object.isRequired,
-            onDeleteClick: React.PropTypes.func.isRequired
+            onRegenToken: React.PropTypes.func.isRequired,
+            onDelete: React.PropTypes.func.isRequired
         };
     }
 
     constructor(props) {
         super(props);
 
-        this.handleDeleteClick = this.handleDeleteClick.bind(this);
+        this.handleRegenToken = this.handleRegenToken.bind(this);
+        this.handleDelete = this.handleDelete.bind(this);
     }
 
-    handleDeleteClick(e) {
+    handleRegenToken(e) {
         e.preventDefault();
 
-        this.props.onDeleteClick(this.props.outgoingWebhook);
+        this.props.onRegenToken(this.props.outgoingWebhook);
+    }
+
+    handleDelete(e) {
+        e.preventDefault();
+
+        this.props.onDelete(this.props.outgoingWebhook);
     }
 
     render() {
@@ -51,13 +59,25 @@ export default class InstalledOutgoingWebhook extends React.Component {
                     <div className='details-row'>
                         <span className='description'>
                             {Utils.getWindowLocationOrigin() + '/hooks/' + outgoingWebhook.id}
+                            {' - '}
+                            {outgoingWebhook.token}
                         </span>
                     </div>
                 </div>
                 <div className='actions'>
                     <a
                         href='#'
-                        onClick={this.handleDeleteClick}
+                        onClick={this.handleRegenToken}
+                    >
+                        <FormattedMessage
+                            id='installed_integrations.regenToken'
+                            defaultMessage='Regen Token'
+                        />
+                    </a>
+                    {' - '}
+                    <a
+                        href='#'
+                        onClick={this.handleDelete}
                     >
                         <FormattedMessage
                             id='installed_integrations.delete'