synchronous updateSource logic

src/components/Dashboard.jsx

@@ -4,6 +4,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import * as actions from '../actions';
 
+import MediaOverlay from './MediaOverlay.jsx';
 import LoadingOverlay from './presentational/LoadingOverlay';
 import Map from './Map.jsx';
 import Toolbar from './Toolbar.jsx';
@@ -48,7 +49,6 @@ class Dashboard extends React.Component {
   }
 
   handleViewSource(source) {
-    console.log('handleViewSource: to implement in Dashboard.jsx')
     this.props.actions.updateSource(source)
   }
 
@@ -131,6 +131,13 @@ class Dashboard extends React.Component {
           notifications={this.props.domain.notifications}
           onToggle={this.props.actions.markNotificationsRead}
         />
+        {this.props.app.source ? (
+          <MediaOverlay
+            onCancel={() => {
+              this.props.actions.updateSource(null)}
+            }
+          />
+        ) : null}
         <LoadingOverlay
           ui={this.props.app.flags.isFetchingDomain}
           language={this.props.app.language}