Manually generate IDs

1 files changed, 43 insertions, 43 deletions

diff --git a/frontend/src/components/app/sidebars/Sidebar.js b/frontend/src/components/app/sidebars/Sidebar.js
index 33dbe011..7ba8639a 100644
--- a/frontend/src/components/app/sidebars/Sidebar.js
+++ b/frontend/src/components/app/sidebars/Sidebar.js
@@ -1,50 +1,50 @@
-import classNames from "classnames";
-import React from "react";
-import "./Sidebar.css";
+import classNames from 'classnames'
+import React from 'react'
+import './Sidebar.css'
 
 class Sidebar extends React.Component {
-  state = {
-    collapsed: false
-  };
+    state = {
+        collapsed: false,
+    }
 
-  render() {
-    const collapseButton = (
-      <div
-        className={classNames("sidebar-collapse-button", {
-          "sidebar-collapse-button-right": this.props.isRight
-        })}
-        onClick={() => this.setState({ collapsed: !this.state.collapsed })}
-      >
-        {(this.state.collapsed && this.props.isRight) ||
-        (!this.state.collapsed && !this.props.isRight) ? (
-          <span
-            className="fa fa-angle-left"
-            title={this.props.isRight ? "Expand" : "Collapse"}
-          />
-        ) : (
-          <span
-            className="fa fa-angle-right"
-            title={this.props.isRight ? "Collapse" : "Expand"}
-          />
-        )}
-      </div>
-    );
+    render() {
+        const collapseButton = (
+            <div
+                className={classNames('sidebar-collapse-button', {
+                    'sidebar-collapse-button-right': this.props.isRight,
+                })}
+                onClick={() => this.setState({ collapsed: !this.state.collapsed })}
+            >
+                {(this.state.collapsed && this.props.isRight) ||
+                (!this.state.collapsed && !this.props.isRight) ? (
+                    <span
+                        className="fa fa-angle-left"
+                        title={this.props.isRight ? 'Expand' : 'Collapse'}
+                    />
+                ) : (
+                    <span
+                        className="fa fa-angle-right"
+                        title={this.props.isRight ? 'Collapse' : 'Expand'}
+                    />
+                )}
+            </div>
+        )
 
-    if (this.state.collapsed) {
-      return collapseButton;
+        if (this.state.collapsed) {
+            return collapseButton
+        }
+        return (
+            <div
+                className={classNames('sidebar p-3 h-100', {
+                    'sidebar-right': this.props.isRight,
+                })}
+                onWheel={e => e.stopPropagation()}
+            >
+                {this.props.children}
+                {collapseButton}
+            </div>
+        )
     }
-    return (
-      <div
-        className={classNames("sidebar p-3 h-100", {
-          "sidebar-right": this.props.isRight
-        })}
-        onWheel={e => e.stopPropagation()}
-      >
-        {this.props.children}
-        {collapseButton}
-      </div>
-    );
-  }
 }
 
-export default Sidebar;
+export default Sidebar