summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/sidebars/Sidebar.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/app/sidebars/Sidebar.js')
-rw-r--r--frontend/src/components/app/sidebars/Sidebar.js86
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