From 06ba55e1a10c299b9564c66a6bb94b0784756957 Mon Sep 17 00:00:00 2001
From: unknown <rmtestard@gmail.com>
Date: Sun, 9 Feb 2020 15:05:08 +0100
Subject: [PATCH] I have made changes according to turt2live recommandations,
 mainly css indentation and variable definition

---
 res/css/views/rooms/_InviteOnlyIcon.scss     | 58 ++++++++++----------
 src/components/views/rooms/InviteOnlyIcon.js |  4 +-
 2 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/res/css/views/rooms/_InviteOnlyIcon.scss b/res/css/views/rooms/_InviteOnlyIcon.scss
index 0bc3f30c48..21ab431973 100644
--- a/res/css/views/rooms/_InviteOnlyIcon.scss
+++ b/res/css/views/rooms/_InviteOnlyIcon.scss
@@ -15,44 +15,44 @@ limitations under the License.
 */
 
 @define-mixin mx_InviteOnlyIcon {
-  width: 12px;
-  height: 12px;
-  position: relative;
-  display: block !important;
+    width: 12px;
+    height: 12px;
+    position: relative;
+    display: block !important;
 }
 
 @define-mixin mx_InviteOnlyIcon_padlock {
-  background-color: $roomtile-name-color;
-  mask-image: url("$(res)/img/feather-customised/lock-solid.svg");
-  mask-position: center;
-  mask-repeat: no-repeat;
-  mask-size: contain;
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+    background-color: $roomtile-name-color;
+    mask-image: url("$(res)/img/feather-customised/lock-solid.svg");
+    mask-position: center;
+    mask-repeat: no-repeat;
+    mask-size: contain;
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
 }
 
 .mx_InviteOnlyIcon_large {
-  @mixin mx_InviteOnlyIcon;
-  margin: 0 4px;
+    @mixin mx_InviteOnlyIcon;
+    margin: 0 4px;
 
-  &::before {
-    @mixin mx_InviteOnlyIcon_padlock;
-    width: 12px;
-    height: 12px;
-  }
+    &::before {
+        @mixin mx_InviteOnlyIcon_padlock;
+        width: 12px;
+        height: 12px;
+    }
 }
 
 .mx_InviteOnlyIcon_small {
-  @mixin mx_InviteOnlyIcon;
-  left: -2px;
+    @mixin mx_InviteOnlyIcon;
+    left: -2px;
 
-  &::before {
-    @mixin mx_InviteOnlyIcon_padlock;
-    width: 10px;
-    height: 10px;
-  }
+    &::before {
+        @mixin mx_InviteOnlyIcon_padlock;
+        width: 10px;
+        height: 10px;
+    }
 }
\ No newline at end of file
diff --git a/src/components/views/rooms/InviteOnlyIcon.js b/src/components/views/rooms/InviteOnlyIcon.js
index 7ca63c8898..acaa12303b 100644
--- a/src/components/views/rooms/InviteOnlyIcon.js
+++ b/src/components/views/rooms/InviteOnlyIcon.js
@@ -37,7 +37,7 @@ export default class InviteOnlyIcon extends React.Component {
     };
 
     render() {
-        const style = this.props.collapsedPanel ? "mx_InviteOnlyIcon_small": "mx_InviteOnlyIcon_large";
+        const classes = this.props.collapsedPanel ? "mx_InviteOnlyIcon_small": "mx_InviteOnlyIcon_large";
 
         if (!SettingsStore.isFeatureEnabled("feature_invite_only_padlocks")) {
             return null;
@@ -48,7 +48,7 @@ export default class InviteOnlyIcon extends React.Component {
         if (this.state.hover) {
             tooltip = <Tooltip className="mx_InviteOnlyIcon_tooltip" label={_t("Invite only")} dir="auto" />;
         }
-        return (<div className={style}
+        return (<div className={classes}
           onMouseEnter={this.onHoverStart}
           onMouseLeave={this.onHoverEnd}
         >