create EditMap page

pages/editor/mapEditor/editMap.js

@@ -0,0 +1,2 @@
+// the same component as mapEditor page
+export { default } from '../../../src/pages/Editor/pages/MapEditor';

server/routes.js

@@ -13,5 +13,6 @@ routes
   .add('mapEditor', routesConfig.mapEditor, pagesConfig.mapEditor)
   .add('upload', routesConfig.upload, pagesConfig.upload)
   .add('editData', routesConfig.editData, pagesConfig.editData)
+  .add('editMap', routesConfig.editMap, pagesConfig.editMap)
 
 module.exports = routes

src/config/pages.js

@@ -2,4 +2,5 @@ module.exports = {
   mapEditor: '/editor/mapEditor',
   upload: '/editor/mapEditor/upload',
   editData: '/editor/mapEditor/editData',
+  editMap: '/editor/mapEditor/editMap',
 }

src/pages/Editor/pages/MapEditor/MapEditorSidebarSwitch.js

@@ -5,6 +5,7 @@ import pages from '@src/config/pages'
 import MapEditorInitiView from './components/MapEditorInitiView'
 import Upload from './pages/Upload'
 import EditData from './pages/EditData'
+import EditMap from './pages/EditMap'
 
 MapEditorSidebarSwitch.propTypes = {
   pathname: PropTypes.string.isRequired,
@@ -23,6 +24,11 @@ function MapEditorSidebarSwitch(props) {
         <EditData mapType={props.mapType} />
       )
 
+    case pages.editMap:
+      return (
+        <EditMap mapType={props.mapType} />
+      )
+
     default:
       return (
         <MapEditorInitiView mapType={props.mapType} />

src/pages/Editor/pages/MapEditor/pages/EditData/containers/components/DataTable/components/SortableHeader.js

@@ -1,7 +1,7 @@
 import { Map } from 'immutable'
 import React, { PropTypes } from 'react'
 
-import { grey300 } from '@src/styles/colors'
+import { grey300, darkColor } from '@src/styles/colors'
 
 const arrowH = '5px'
 
@@ -54,7 +54,7 @@ const SortableHeader = (props) => {
           height: 0;
           border-style: solid;
           border-width: ${arrowH} ${arrowH} 0 ${arrowH};
-          border-color: dark transparent transparent transparent;
+          border-color: ${darkColor} transparent transparent transparent;
         }
 
         .SortableHeader__arrow-desc {
@@ -66,7 +66,7 @@ const SortableHeader = (props) => {
           height: 0;
           border-style: solid;
           border-width: 0 ${arrowH} ${arrowH} ${arrowH};
-          border-color: transparent transparent dark transparent;
+          border-color: transparent transparent ${darkColor} transparent;
         }
       `}</style>
     </th>

src/pages/Editor/pages/MapEditor/pages/EditMap/EditMap.js

@@ -0,0 +1,63 @@
+import React, { Component, PropTypes } from 'react'
+import { connect } from 'react-redux'
+
+import { Link } from '@routes'
+// import style from './EditMapView.css'
+// import CommonEditor from '../CommonEditor'
+// import LinearScaleEditor from '../LinearScaleEditor'
+// import EquidistantScaleEditor from '../EquidistantScaleEditor'
+
+const style = {}
+
+class EditMap extends Component {
+  // renderEditor() {
+  //   const dataClassification = this.props.mapUi.get('dataClassification')
+  //   const linearEditor = <LinearScaleEditor />
+  //   const equidistantEditor = <EquidistantScaleEditor />
+  //   const editors = {
+  //     linear: linearEditor,
+  //     equidistant: equidistantEditor,
+  //   }
+
+  //   return editors[dataClassification]
+  // }
+
+  render() {
+    return (
+      <div className={style.container}>
+        <div className={style.wrapper}>
+          <Link prefetch route={`/editor/${this.props.mapType}/upload`}>
+            <a className={style.link}>
+              Upload new data
+            </a>
+          </Link>
+          <Link prefetch route={`/editor/${this.props.mapType}/edit-data`}>
+            <a className={style.link}>
+              Edit data
+            </a>
+          </Link>
+
+          <h1>EditMap</h1>
+
+          {/* <CommonEditor>
+            {this.renderEditor()}
+          </CommonEditor> */}
+        </div>
+      </div>
+    )
+  }
+}
+
+EditMap.propTypes = {
+  mapUi: PropTypes.object.isRequired,
+  mapType: PropTypes.string.isRequired,
+}
+
+function mapStateToProps(state) {
+  return {
+    mapUi: state.mapUi,
+    mapType: state.mapType,
+  }
+}
+
+export default connect(mapStateToProps)(EditMap)

src/pages/Editor/pages/MapEditor/pages/EditMap/index.js

@@ -0,0 +1 @@
+export { default } from './EditMap';