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

Delay modal rendering until open

Browse source
This commit is contained in:
Lukas Martinelli 2016-12-22 14:21:53 +01:00
parent a5a7dab8e7
commit fed8c6b0ea
1 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/components/Toolbar.jsx
View file

@ -121,22 +121,25 @@ export default class Toolbar extends React.Component {
top: 0, top: 0,
backgroundColor: colors.black backgroundColor: colors.black
}}> }}>
<SettingsModal {this.state.openSettingsModal && <SettingsModal
mapStyle={this.props.mapStyle} mapStyle={this.props.mapStyle}
onStyleChanged={this.props.onStyleChanged} onStyleChanged={this.props.onStyleChanged}
isOpen={this.state.openSettingsModal} isOpen={this.state.openSettingsModal}
toggle={() => this.toggleSettings.bind(this)} toggle={() => this.toggleSettings.bind(this)}
/> />
<OpenModal }
isOpen={this.state.openOpenModal} {this.state.openOpenModal &&<OpenModal
toggle={() => this.toggleOpen.bind(this)} isOpen={this.state.openOpenModal}
/> toggle={() => this.toggleOpen.bind(this)}
<SourcesModal />
mapStyle={this.props.mapStyle} }
onStyleChanged={this.props.onStyleChanged} {this.state.openSourcesModal && <SourcesModal
isOpen={this.state.openSourcesModal} mapStyle={this.props.mapStyle}
toggle={() => this.toggleSources.bind(this)} onStyleChanged={this.props.onStyleChanged}
/> isOpen={this.state.openSourcesModal}
toggle={() => this.toggleSources.bind(this)}
/>
}
<ToolbarAction style={{ <ToolbarAction style={{
width: 180, width: 180,
textAlign: 'left', textAlign: 'left',