diff --git a/src/app.jsx b/src/app.jsx
index d17ef38..6660ff8 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -8,13 +8,14 @@ import Fixed from 'rebass/dist/Fixed'
import { MapboxGlMap } from './gl.jsx'
import { OpenLayers3Map } from './ol3.jsx'
+import { LayerList } from './layers/list.jsx'
import {Toolbar} from './toolbar.jsx'
import style from './style.js'
import { loadDefaultStyle, SettingsStore, StyleStore } from './stylestore.js'
import { ApiStyleStore } from './apistore.js'
-import { WorkspaceDrawer } from './workspace.jsx'
import theme from './theme.js'
+import { colors, fullHeight } from './theme.js'
import './index.scss'
export default class App extends React.Component {
@@ -99,30 +100,48 @@ export default class App extends React.Component {
this.setState({ accessToken: newToken })
}
- render() {
- const renderer = this.state.currentStyle.getIn(['metadata', 'maputnik:renderer'], 'mbgljs')
+ onLayersChanged(changedLayers) {
+ const changedStyle = this.props.mapStyle.set('layers', changedLayers)
+ this.props.onStyleChanged(changedStyle)
+ }
+
+ mapRenderer() {
const mapProps = {
mapStyle: this.state.currentStyle,
accessToken: this.state.accessToken,
}
+ const renderer = this.state.currentStyle.getIn(['metadata', 'maputnik:renderer'], 'mbgljs')
+ if(renderer === 'ol3') {
+ return
+ } else {
+ return
+ }
+ }
+
+ render() {
return
-
- {renderer == 'ol3' &&
}
- {renderer == 'mbgljs' &&
}
+
+
+
+ {this.mapRenderer()}
}
}
diff --git a/src/workspace.jsx b/src/workspace.jsx
deleted file mode 100644
index d222414..0000000
--- a/src/workspace.jsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from 'react'
-import { LayerList } from './layers/list.jsx'
-import { SourceList } from './sources/list.jsx'
-import { SettingsEditor } from './settings.jsx'
-import { About } from './about.jsx'
-import { colors, fullHeight } from './theme.js'
-
-/** The workspace drawer contains the editor components depending on the edit
- * context chosen in the toolbar. It holds the state of the layers.*/
-export class WorkspaceDrawer extends React.Component {
- static propTypes = {
- mapStyle: React.PropTypes.object.isRequired,
- onStyleChanged: React.PropTypes.func.isRequired,
- workContext: React.PropTypes.oneOf(['layers', 'settings', 'sources']).isRequired,
- accessToken: React.PropTypes.string,
- onAccessTokenChanged: React.PropTypes.func,
- onReset: React.PropTypes.func,
- }
-
- onLayersChanged(changedLayers) {
- const changedStyle = this.props.mapStyle.set('layers', changedLayers)
- this.props.onStyleChanged(changedStyle)
- }
-
- onSourcesChanged(changedSources) {
- const changedStyle = this.props.mapStyle.set('sources', changedSources)
- this.props.onStyleChanged(changedStyle)
- }
-
- render() {
- let workspaceContent = null
-
- if(this.props.workContext === "sources") {
- workspaceContent =
- }
-
- if(this.props.workContext === "layers") {
- workspaceContent =
- }
-
- if(this.props.workContext === "settings") {
- workspaceContent =
- }
-
- if(this.props.workContext === "about") {
- workspaceContent =
- }
-
- return
- {workspaceContent}
-
- }
-}