schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-28 17:11:17 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/App.jsx
View file

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

22
src/components/MessagePanel.jsx
View file

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