distinguish between route components and reusable components

frontend/src/Metamaps/GlobalUI/ImportDialog.js

@@ -4,7 +4,7 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import outdent from 'outdent'
 
-import ImportDialogBox from '../../components/MapView/ImportDialogBox'
+import ImportDialogBox from '../../routes/MapView/ImportDialogBox'
 
 import PasteInput from '../PasteInput'
 import Map from '../Map'

frontend/src/Metamaps/GlobalUI/ReactApp.js

@@ -18,7 +18,7 @@ import Realtime from '../Realtime'
 import Map, { InfoBox } from '../Map'
 import Topic from '../Topic'
 import Visualize from '../Visualize'
-import makeRoutes from '../../components/makeRoutes'
+import makeRoutes from '../../routes/makeRoutes'
 let routes
 
 // 220 wide + 16 padding on both sides

frontend/src/components/ContextMenu.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
-import MetacodeSelect from '../MetacodeSelect'
+import MetacodeSelect from './MetacodeSelect'
 
 class ContextMenu extends Component {
   static propTypes = {

frontend/src/components/InfoAndHelp.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
-import MapInfoBox from '../MapView/MapInfoBox'
+import MapInfoBox from '../routes/MapView/MapInfoBox'
 
 class InfoAndHelp extends Component {
   static propTypes = {

frontend/src/components/MobileHeader.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Link } from 'react-router'
 
-import Sprite from '../common/Sprite'
+import Sprite from './Sprite'
 
 class MobileHeader extends Component {
   static propTypes = {

frontend/src/components/NotificationBox.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
 import onClickOutsideAddon from 'react-onclickoutside'
-import Notification from '../Notification'
-import Loading from '../Loading'
+import Notification from './Notification'
+import Loading from './Loading'
 
 class NotificationBox extends Component {
   static propTypes = {

frontend/src/components/UpperOptions.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
-import FilterBox from '../common/FilterBox'
+import FilterBox from './FilterBox'
 
 export default class UpperOptions extends Component {
   static propTypes = {

frontend/src/routes/App.js

@@ -1,10 +1,10 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
-import MobileHeader from './MobileHeader'
-import UpperLeftUI from './UpperLeftUI'
-import UpperRightUI from './UpperRightUI'
-import Toast from './Toast'
+import MobileHeader from '../components/MobileHeader'
+import UpperLeftUI from '../components/UpperLeftUI'
+import UpperRightUI from '../components/UpperRightUI'
+import Toast from '../components/Toast'
 
 class App extends Component {
   static propTypes = {

frontend/src/routes/Apps.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
-import NavBar from '../App/Navbar'
-import NavBarLink from '../App/NavBarLink'
+import NavBar from '../components/Navbar'
+import NavBarLink from '../components/NavBarLink'
 
 class Apps extends Component {
   render = () => {

frontend/src/routes/MapView/index.js

@@ -1,14 +1,14 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
-import ContextMenu from '../common/ContextMenu'
-import DataVis from '../common/DataVis'
-import UpperOptions from '../common/UpperOptions'
-import InfoAndHelp from '../common/InfoAndHelp'
+import ContextMenu from '../../components/ContextMenu'
+import DataVis from '../../components/DataVis'
+import UpperOptions from '../../components/UpperOptions'
+import InfoAndHelp from '../../components/InfoAndHelp'
 import Instructions from './Instructions'
-import VisualizationControls from '../common/VisualizationControls'
+import VisualizationControls from '../../components/VisualizationControls'
 import MapChat from './MapChat'
-import TopicCard from '../TopicCard'
+import TopicCard from '../../components/TopicCard'
 
 export default class MapView extends Component {
 

frontend/src/routes/Maps/Header.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
-import NavBar from '../App/Navbar'
-import NavBarLink from '../App/NavBarLink'
+import NavBar from '../../components/Navbar'
+import NavBarLink from '../../components/NavBarLink'
 
 class Header extends Component {
   render = () => {

frontend/src/routes/Notifications.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
-import NavBar from '../App/Navbar'
-import NavBarLink from '../App/NavBarLink'
+import NavBar from '../components/Navbar'
+import NavBarLink from '../components/NavBarLink'
 
 class Notifications extends Component {
   render = () => {

frontend/src/routes/TopicView.js

@@ -1,12 +1,12 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
-import ContextMenu from '../common/ContextMenu'
-import DataVis from '../common/DataVis'
-import UpperOptions from '../common/UpperOptions'
-import InfoAndHelp from '../common/InfoAndHelp'
-import VisualizationControls from '../common/VisualizationControls'
-import TopicCard from '../TopicCard'
+import ContextMenu from '../components/ContextMenu'
+import DataVis from '../components/DataVis'
+import UpperOptions from '../components/UpperOptions'
+import InfoAndHelp from '../components/InfoAndHelp'
+import VisualizationControls from '../components/VisualizationControls'
+import TopicCard from '../components/TopicCard'
 
 export default class TopicView extends Component {