Only show 'switch to layer' button if layer not already selected.

This commit is contained in:
orangemug
2020-02-17 13:24:14 +00:00
parent adea3d0f13
commit 39333953d7
2 changed files with 15 additions and 8 deletions

View File

@@ -7,6 +7,7 @@ class MessagePanel extends React.Component {
infos: PropTypes.array,
mapStyle: PropTypes.object,
onLayerSelect: PropTypes.func,
currentLayer: PropTypes.object,
}
static defaultProps = {
@@ -18,17 +19,22 @@ class MessagePanel extends React.Component {
let content;
if (error.parsed && error.parsed.type === "layer") {
const {parsed} = error;
const {mapStyle} = this.props;
const {mapStyle, currentLayer} = this.props;
const layerId = mapStyle.layers[parsed.data.index].id;
content = (
<>
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>
Layer <span>&apos;{layerId}&apos;</span>: {parsed.data.message}
{currentLayer.id !== layerId &&
<>
&nbsp;&mdash;&nbsp;
<button
className="maputnik-message-panel__switch-button"
onClick={() => this.props.onLayerSelect(layerId)}
>
switch to layer
</button>
</>
}
</>
);
}