Added ability to switch to layer from global error panel.

src/components/App.jsx

@@ -732,6 +732,7 @@ export default class App extends React.Component {
     /> : null
 
     const bottomPanel = (this.state.errors.length + this.state.infos.length) > 0 ? <MessagePanel
+      onLayerSelect={this.onLayerSelect}
       mapStyle={this.state.mapStyle}
       errors={this.state.errors}
       infos={this.state.infos}

src/components/MessagePanel.jsx

@@ -6,6 +6,11 @@ class MessagePanel extends React.Component {
     errors: PropTypes.array,
     infos: PropTypes.array,
     mapStyle: PropTypes.object,
+    onLayerSelect: PropTypes.func,
+  }
+
+  static defaultProps = {
+    onLayerSelect: () => {},
   }
 
   render() {
@@ -14,9 +19,16 @@ class MessagePanel extends React.Component {
       if (error.parsed && error.parsed.type === "layer") {
         const {parsed} = error;
         const {mapStyle} = this.props;
+        const layerId = mapStyle.layers[parsed.data.index].id;
         content = (
           <>
-            Layer <span>&apos;{mapStyle.layers[parsed.data.index].id}&apos;</span>: {parsed.data.message}
+            Layer <span>&apos;{layerId}&apos;</span>: {parsed.data.message} &mdash;&nbsp;
+            <button
+              className="maputnik-message-panel__switch-button"
+              onClick={() => this.props.onLayerSelect(layerId)}
+            >
+              switch to layer
+            </button>
           </>
         );
       }

src/styles/_components.scss

@@ -212,6 +212,12 @@
   &-error {
     color: $color-red;
   }
+
+  &__switch-button {
+    all: unset;
+    text-decoration: underline;
+    cursor: pointer;
+  }
 }
 
 .maputnik-dialog {