1 files changed, 7 insertions, 12 deletions

diff --git a/webapp/components/integrations/components/installed_outgoing_webhook.jsx b/webapp/components/integrations/components/installed_outgoing_webhook.jsx
index ebf4f75e1..a452979ae 100644
--- a/webapp/components/integrations/components/installed_outgoing_webhook.jsx
+++ b/webapp/components/integrations/components/installed_outgoing_webhook.jsx
@@ -8,6 +8,8 @@ import ChannelStore from 'stores/channel_store.jsx';
 import {FormattedMessage} from 'react-intl';
 import {Link} from 'react-router';
 
+import DeleteIntegration from './delete_integration.jsx';
+
 export default class InstalledOutgoingWebhook extends React.Component {
     static get propTypes() {
         return {
@@ -34,9 +36,7 @@ export default class InstalledOutgoingWebhook extends React.Component {
         this.props.onRegenToken(this.props.outgoingWebhook);
     }
 
-    handleDelete(e) {
-        e.preventDefault();
-
+    handleDelete() {
         this.props.onDelete(this.props.outgoingWebhook);
     }
 
@@ -170,15 +170,10 @@ export default class InstalledOutgoingWebhook extends React.Component {
                         />
                     </Link>
                     {' - '}
-                    <a
-                        href='#'
-                        onClick={this.handleDelete}
-                    >
-                        <FormattedMessage
-                            id='installed_integrations.delete'
-                            defaultMessage='Delete'
-                        />
-                    </a>
+                    <DeleteIntegration
+                        messageId='installed_outgoing_webhooks.delete.confirm'
+                        onDelete={this.handleDelete}
+                    />
                 </div>
             );
         }