From af3a0e3d59f4b2b844da64de1fc37ab8cc5bec5f Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Wed, 3 May 2023 12:42:36 +0000
Subject: [PATCH] Update some class names of AppTile
 (AppTileMenuBar_iconButton) on the naming policy (#10778)

---
 res/css/views/rooms/_AppsDrawer.pcss      | 10 +++++-----
 src/components/views/elements/AppTile.tsx | 12 ++++++------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/res/css/views/rooms/_AppsDrawer.pcss b/res/css/views/rooms/_AppsDrawer.pcss
index 00ec5d8d4f..7c9ae0b51a 100644
--- a/res/css/views/rooms/_AppsDrawer.pcss
+++ b/res/css/views/rooms/_AppsDrawer.pcss
@@ -251,23 +251,23 @@ $MinWidth: 240px;
         width: 24px;
     }
 
-    &.mx_AppTileMenuBar_iconButton_collapse::before {
+    &.mx_AppTileMenuBar_iconButton--collapse::before {
         mask-image: url("$(res)/img/element-icons/minimise-collapse.svg");
     }
 
-    &.mx_AppTileMenuBar_iconButton_maximise::before {
+    &.mx_AppTileMenuBar_iconButton--maximise::before {
         mask-image: url("$(res)/img/element-icons/maximise-expand.svg");
     }
 
-    &.mx_AppTileMenuBar_iconButton_minimise::before {
+    &.mx_AppTileMenuBar_iconButton--minimise::before {
         mask-image: url("$(res)/img/element-icons/minus-button.svg");
     }
 
-    &.mx_AppTileMenuBar_iconButton_popout::before {
+    &.mx_AppTileMenuBar_iconButton--popout::before {
         mask-image: url("$(res)/img/feather-customised/widget/external-link.svg");
     }
 
-    &.mx_AppTileMenuBar_iconButton_menu::before {
+    &.mx_AppTileMenuBar_iconButton--menu::before {
         mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
     }
 }
diff --git a/src/components/views/elements/AppTile.tsx b/src/components/views/elements/AppTile.tsx
index bf1ccb35d1..ddb14ebff1 100644
--- a/src/components/views/elements/AppTile.tsx
+++ b/src/components/views/elements/AppTile.tsx
@@ -693,9 +693,9 @@ export default class AppTile extends React.Component<IProps, IState> {
                 this.props.room &&
                 WidgetLayoutStore.instance.isInContainer(this.props.room, this.props.app, Container.Center);
             const maximisedClasses = classNames({
-                mx_AppTileMenuBar_iconButton: true,
-                mx_AppTileMenuBar_iconButton_collapse: isMaximised,
-                mx_AppTileMenuBar_iconButton_maximise: !isMaximised,
+                "mx_AppTileMenuBar_iconButton": true,
+                "mx_AppTileMenuBar_iconButton--collapse": isMaximised,
+                "mx_AppTileMenuBar_iconButton--maximise": !isMaximised,
             });
             layoutButtons.push(
                 <AccessibleButton
@@ -709,7 +709,7 @@ export default class AppTile extends React.Component<IProps, IState> {
             layoutButtons.push(
                 <AccessibleButton
                     key="minimise"
-                    className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton_minimise"
+                    className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton--minimise"
                     title={_t("Minimise")}
                     onClick={this.onMinimiseClicked}
                 />,
@@ -731,13 +731,13 @@ export default class AppTile extends React.Component<IProps, IState> {
                                 {layoutButtons}
                                 {this.props.showPopout && !this.state.requiresClient && (
                                     <AccessibleButton
-                                        className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton_popout"
+                                        className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton--popout"
                                         title={_t("Popout widget")}
                                         onClick={this.onPopoutWidgetClick}
                                     />
                                 )}
                                 <ContextMenuButton
-                                    className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton_menu"
+                                    className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton--menu"
                                     label={_t("Options")}
                                     isExpanded={this.state.menuDisplayed}
                                     inputRef={this.contextMenuButton}