From 6e9e66b147ed3e873b83e06e51c51cc8145e92b6 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Sat, 24 Dec 2016 14:46:57 +0100
Subject: [PATCH] Switch renderer with inspect mode

---
 src/components/Toolbar.jsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/Toolbar.jsx b/src/components/Toolbar.jsx
index 996d966..369463b 100644
--- a/src/components/Toolbar.jsx
+++ b/src/components/Toolbar.jsx
@@ -99,6 +99,22 @@ export default class Toolbar extends React.Component {
     </ToolbarAction>
   }
 
+  toggleInspectionMode() {
+    const metadata = this.props.mapStyle.metadata || {}
+    const currentRenderer = metadata['maputnik:renderer'] || 'mbgljs'
+
+    const changedRenderer = currentRenderer === 'inspection' ? 'mbgljs' : 'inspection'
+
+    const changedStyle = {
+      ...this.props.mapStyle,
+      metadata: {
+        'maputnik:renderer': changedRenderer
+      }
+    }
+
+    this.props.onStyleChanged(changedStyle)
+  }
+
   toggleModal(modalName) {
     this.setState({
       isOpen: {
@@ -160,7 +176,7 @@ export default class Toolbar extends React.Component {
         <MdSettings />
         <IconText>Style Settings</IconText>
       </ToolbarAction>
-      <ToolbarAction onClick={this.toggleModal.bind(this, 'settings')}>
+      <ToolbarAction onClick={this.toggleInspectionMode.bind(this)}>
         <MdFindInPage />
         <IconText>Inspect</IconText>
       </ToolbarAction>