From cba7764784e1b60365cfcac0ea8f5ea3310dcaa1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Damir=20Jeli=C4=87?= <poljar@termina.org.uk>
Date: Fri, 24 Jan 2020 11:00:28 +0100
Subject: [PATCH] DisableEventIndexDialog: Use the DialogButtons element for
 the buttons.

---
 .../eventindex/DisableEventIndexDialog.js     | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.js b/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.js
index 7097ffb3bf..2e0f97c705 100644
--- a/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.js
+++ b/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.js
@@ -53,7 +53,8 @@ export default class DisableEventIndexDialog extends React.Component {
 
     render() {
         const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
-        const InlineSpinner = sdk.getComponent('elements.InlineSpinner');
+        const Spinner = sdk.getComponent('elements.Spinner');
+        const DialogButtons = sdk.getComponent('views.elements.DialogButtons');
 
         return (
             <BaseDialog className='mx_ManageEventIndexDialog'
@@ -61,15 +62,15 @@ export default class DisableEventIndexDialog extends React.Component {
                 title={_t("Are you sure?")}
             >
                 {_t("If disabled, messages from encrypted rooms won't appear in search results.")}
-                <div className="mx_Dialog_buttons">
-                    <AccessibleButton kind="secondary" onClick={this.props.onFinished}>
-                        {_t("Cancel")}
-                    </AccessibleButton>
-                    <AccessibleButton kind="danger" disabled={this.state.disabling} onClick={this._onDisable}>
-                        {_t("Disable")}
-                    </AccessibleButton>
-                    {this.state.enabling ? <InlineSpinner /> : <div />}
-                </div>
+                {this.state.disabling ? <InlineSpinner /> : <div />}
+                <DialogButtons
+                    primaryButton={_t('Disable')}
+                    onPrimaryButtonClick={this._onDisable}
+                    primaryButtonClass="danger"
+                    onCancel={this.props.onFinished}
+                    disabled={this.state.disabling}
+                >
+                </DialogButtons>
             </BaseDialog>
         );
     }