From b5ed051ecc8b2e0ae7d417df4759468fa87fd96d Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Fri, 3 Jun 2022 06:07:18 +0000
Subject: [PATCH] Use AccessibleButton for 'Reset All' link button on
 SetupEncryptionBody (#8730)

- Remove ButtonResetDefault to respect the concept of cascading

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/structures/auth/_SetupEncryptionBody.scss      | 10 ++++++----
 src/components/structures/auth/SetupEncryptionBody.tsx |  8 +++++---
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/res/css/structures/auth/_SetupEncryptionBody.scss b/res/css/structures/auth/_SetupEncryptionBody.scss
index 1999fb581d..52651ec2a9 100644
--- a/res/css/structures/auth/_SetupEncryptionBody.scss
+++ b/res/css/structures/auth/_SetupEncryptionBody.scss
@@ -17,9 +17,11 @@ limitations under the License.
 .mx_SetupEncryptionBody_reset {
     color: $light-fg-color;
     margin-top: $font-14px;
-}
 
-.mx_SetupEncryptionBody_reset_link {
-    @mixin ButtonResetDefault;
-    color: $alert;
+    .mx_SetupEncryptionBody_reset_link {
+        &.mx_AccessibleButton_kind_link_inline {
+            padding: 0;
+            color: $alert;
+        }
+    }
 }
diff --git a/src/components/structures/auth/SetupEncryptionBody.tsx b/src/components/structures/auth/SetupEncryptionBody.tsx
index 2553f8fbaa..5caaea0c98 100644
--- a/src/components/structures/auth/SetupEncryptionBody.tsx
+++ b/src/components/structures/auth/SetupEncryptionBody.tsx
@@ -212,11 +212,13 @@ export default class SetupEncryptionBody extends React.Component<IProps, IState>
                         </div>
                         <div className="mx_SetupEncryptionBody_reset">
                             { _t("Forgotten or lost all recovery methods? <a>Reset all</a>", null, {
-                                a: (sub) => <button
+                                a: (sub) => <AccessibleButton
+                                    kind="link_inline"
+                                    className="mx_SetupEncryptionBody_reset_link"
                                     onClick={this.onResetClick}
-                                    className="mx_SetupEncryptionBody_reset_link mx_Dialog_nonDialogButton">
+                                >
                                     { sub }
-                                </button>,
+                                </AccessibleButton>,
                             }) }
                         </div>
                     </div>