diff --git a/src/components/App.jsx b/src/components/App.jsx index dc870b95..3e0158c8 100644 --- a/src/components/App.jsx +++ b/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 ? {}, } 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 '{mapStyle.layers[parsed.data.index].id}': {parsed.data.message} + Layer '{layerId}': {parsed.data.message} —  + ); } diff --git a/src/styles/_components.scss b/src/styles/_components.scss index 620228fd..87128e95 100644 --- a/src/styles/_components.scss +++ b/src/styles/_components.scss @@ -212,6 +212,12 @@ &-error { color: $color-red; } + + &__switch-button { + all: unset; + text-decoration: underline; + cursor: pointer; + } } .maputnik-dialog {