Merge pull request #113 from county-of-simcoe-gis/hotfix-sidebar-cras…

…h-mobile-view

fixed crash on slim sidebar toggle

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "opengis",
 	"homepage": "https://opengis.simcoe.ca/public/",
-	"version": "1.0.10",
+	"version": "1.0.11",
 	"private": true,
 	"dependencies": {
 		"array-move": "^2.2.2",

src/sidebar/Sidebar.jsx

@@ -348,21 +348,12 @@ class Sidebar extends Component {
 
 	togglePanelVisibility(callback = undefined) {
 		//  PANEL IN AND OUT CLASSES
-		if (window.sidebarOpen) {
-			window.sidebarOpen = false;
-			this.setState({ sidebarOpen: false }, () => {
-				// EMIT A CHANGE IN THE SIDEBAR (IN OR OUT)
-				window.emitter.emit("sidebarChanged", window.sidebarOpen);
-				if (callback !== undefined) callback();
-			});
-		} else {
-			window.sidebarOpen = true;
-			this.setState({ sidebarOpen: true }, () => {
-				// EMIT A CHANGE IN THE SIDEBAR (IN OR OUT)
-				window.emitter.emit("sidebarChanged", window.sidebarOpen);
-				if (callback !== undefined) callback();
-			});
-		}
+		window.sidebarOpen = !window.sidebarOpen;
+		this.setState({ sidebarOpen: window.sidebarOpen }, () => {
+			// EMIT A CHANGE IN THE SIDEBAR (IN OR OUT)
+			window.emitter.emit("sidebarChanged", window.sidebarOpen);
+			if (callback !== undefined && typeof callback === "function") callback();
+		});
 	}
 
 	// TOOL AND THEME ITEMS CLICK
@@ -382,7 +373,7 @@ class Sidebar extends Component {
 								name={Component.props.name}
 								helpLink={Component.props.helpLink}
 								onClose={this.onPanelComponentClose}
-								onSidebarVisibility={this.togglePanelVisibility}
+								onSidebarVisibility={() => this.togglePanelVisibility()}
 								config={Component.props.config}
 							/>
 						);
@@ -408,7 +399,7 @@ class Sidebar extends Component {
 								name={Component.props.name}
 								helpLink={Component.props.helpLink}
 								onClose={this.onPanelComponentClose}
-								onSidebarVisibility={this.togglePanelVisibility}
+								onSidebarVisibility={() => this.togglePanelVisibility()}
 								config={Component.props.config}
 							/>
 						);
@@ -539,7 +530,7 @@ class Sidebar extends Component {
 						<div
 							id="sc-sidebar-advanced-tab"
 							className={this.state.tabClassName}
-							onClick={this.togglePanelVisibility}
+							onClick={() => this.togglePanelVisibility()}
 						>
 							<img src={require("./images/close-tab.png")} alt="Close Tab" />
 						</div>