add loading

src/components/Layout.js

@@ -219,6 +219,7 @@ class Dashboard extends React.Component {
           </StaticPage>
         )}
         <LoadingOverlay
+          isLoading={app.loading || app.flags.isFetchingDomain}
           ui={app.flags.isFetchingDomain}
           language={app.language}
         />

src/components/Timeline.jsx

@@ -1,7 +1,9 @@
 import React from 'react'
+import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import * as d3 from 'd3'
 import * as selectors from '../selectors'
+import { setLoading, setNotLoading } from '../actions'
 import hash from 'object-hash'
 
 import copy from '../common/data/copy.json'
@@ -376,6 +378,8 @@ class Timeline extends React.Component {
                 onSelect={this.props.methods.onSelect}
                 dims={dims}
                 features={this.props.features}
+                setLoading={this.props.actions.setLoading}
+                setNotLoading={this.props.actions.setNotLoading}
               />
             </svg>
           </div>
@@ -409,4 +413,13 @@ function mapStateToProps (state) {
   }
 }
 
-export default connect(mapStateToProps)(Timeline)
+function mapDispatchToProps (dispatch) {
+  return {
+    actions: bindActionCreators({ setLoading, setNotLoading }, dispatch)
+  }
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Timeline)

src/components/presentational/Timeline/Events.js

@@ -69,7 +69,9 @@ const TimelineEvents = ({
   onSelect,
   transitionDuration,
   dims,
-  features
+  features,
+  setLoading,
+  setNotLoading
 }) => {
   const narIds = narrative ? narrative.steps.map(s => s.id) : []