From 6a789380de93eb30c8df4d9bec401dc23bb7ae34 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 12 Oct 2022 12:18:07 +0300
Subject: [PATCH] Fix linter

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../status-bar/status-bar-items.injectable.tsx         |  6 +++---
 src/renderer/components/status-bar/status-bar.tsx      | 10 ++++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/status-bar/status-bar-items.injectable.tsx b/src/renderer/components/status-bar/status-bar-items.injectable.tsx
index f983d9738c..2f80baad86 100644
--- a/src/renderer/components/status-bar/status-bar-items.injectable.tsx
+++ b/src/renderer/components/status-bar/status-bar-items.injectable.tsx
@@ -11,8 +11,8 @@ import { statusBarItemInjectionToken } from "./status-bar-item-injection-token";
 import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
 
 interface StatusItem {
-  id?: string,
-  component: React.ComponentType<StatusBarItemProps>
+  id?: string;
+  component: React.ComponentType<StatusBarItemProps>;
 }
 
 export interface StatusBarItems {
@@ -40,7 +40,7 @@ function getStatusBarItems({ registrations }: Dependencies): IComputedValue<Stat
 
       res[position].push({
         id,
-        component
+        component,
       });
     }
 
diff --git a/src/renderer/components/status-bar/status-bar.tsx b/src/renderer/components/status-bar/status-bar.tsx
index 66548f130f..5abe444a4e 100644
--- a/src/renderer/components/status-bar/status-bar.tsx
+++ b/src/renderer/components/status-bar/status-bar.tsx
@@ -25,14 +25,20 @@ const NonInjectedStatusBar = observer(({ items }: Dependencies & StatusBarProps)
     <div className={styles.StatusBar} data-testid="status-bar">
       <div className={styles.leftSide} data-testid="status-bar-left">
         {left.map((Item, index) => (
-          <div className={styles.item} key={index} data-origin={Item.id}>
+          <div
+            className={styles.item}
+            key={index}
+            data-origin={Item.id}>
             {<Item.component/>}
           </div>
         ))}
       </div>
       <div className={styles.rightSide} data-testid="status-bar-right">
         {right.map((Item, index) => (
-          <div className={styles.item} key={index} data-origin={Item.id}>
+          <div
+            className={styles.item}
+            key={index}
+            data-origin={Item.id}>
             {<Item.component/>}
           </div>
         ))}