From de2eb5b6dd8612a2764da38dbf2d2d7d3cebf354 Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <palid@phoelid.me>
Date: Tue, 17 Aug 2021 17:59:26 +0200
Subject: [PATCH] Satisfy linter

---
 res/css/structures/_BackdropPanel.scss     | 26 +++++++++++-----------
 src/components/structures/LeftPanel.tsx    |  3 ++-
 src/components/views/spaces/SpacePanel.tsx | 11 ++++++++-
 3 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/res/css/structures/_BackdropPanel.scss b/res/css/structures/_BackdropPanel.scss
index 79af211ba4..1960bd94e4 100644
--- a/res/css/structures/_BackdropPanel.scss
+++ b/res/css/structures/_BackdropPanel.scss
@@ -15,22 +15,22 @@ limitations under the License.
 */
 
 .mx_BackdropPanel {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100vh;
-  width: 100%;
-  overflow: hidden;
-
-  &:before {
-    content: ' ';
     position: absolute;
     left: 0;
     top: 0;
     height: 100vh;
     width: 100%;
-    background-color: rgba(255, 255, 255, .055);
-  }
+    overflow: hidden;
+
+    &::before {
+        content: " ";
+        position: absolute;
+        left: 0;
+        top: 0;
+        height: 100vh;
+        width: 100%;
+        background-color: rgba(255, 255, 255, 0.055);
+    }
 }
 
 .mx_BackdropPanel--canvas {
@@ -43,9 +43,9 @@ limitations under the License.
     overflow: hidden;
 
     &:nth-of-type(2n-1) {
-      opacity: 0.2;
+        opacity: 0.2;
     }
     &:nth-of-type(2n) {
-      opacity:0.1;
+        opacity: 0.1;
     }
 }
diff --git a/src/components/structures/LeftPanel.tsx b/src/components/structures/LeftPanel.tsx
index 0d8f9d8725..6c418e9366 100644
--- a/src/components/structures/LeftPanel.tsx
+++ b/src/components/structures/LeftPanel.tsx
@@ -95,7 +95,8 @@ export default class LeftPanel extends React.Component<IProps, IState> {
         UIStore.instance.trackElementDimensions("LeftPanel", this.ref.current);
         UIStore.instance.trackElementDimensions("ListContainer", this.listContainerRef.current);
         if (this.groupFilterPanelContainer.current) {
-            UIStore.instance.trackElementDimensions("GroupFilterPanelContainer", this.groupFilterPanelContainer.current);
+            const componentName = "GroupFilterPanelContainer";
+            UIStore.instance.trackElementDimensions(componentName, this.groupFilterPanelContainer.current);
         }
         UIStore.instance.on("ListContainer", this.refreshStickyHeaders);
         // Using the passive option to not block the main thread
diff --git a/src/components/views/spaces/SpacePanel.tsx b/src/components/views/spaces/SpacePanel.tsx
index 2fa08e2108..d2e09c0d69 100644
--- a/src/components/views/spaces/SpacePanel.tsx
+++ b/src/components/views/spaces/SpacePanel.tsx
@@ -14,7 +14,16 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { ComponentProps, Dispatch, ReactNode, SetStateAction, useEffect, useLayoutEffect, useRef, useState } from "react";
+import React, {
+    ComponentProps,
+    Dispatch,
+    ReactNode,
+    SetStateAction,
+    useEffect,
+    useLayoutEffect,
+    useRef,
+    useState,
+} from "react";
 import { DragDropContext, Draggable, Droppable } from "react-beautiful-dnd";
 import classNames from "classnames";
 import { Room } from "matrix-js-sdk/src/models/room";