feat(globe): add reset globe position button (#281)

src/scripts/components/globe-navigation/globe-navigation.tsx

@@ -1,17 +1,21 @@
 import React, {FunctionComponent} from 'react';
+import {useDispatch, useSelector} from 'react-redux';
 
+import config from '../../config/main';
 import Button from '../button/button';
 import {CompassIcon} from '../icons/compass-icon';
 import {DownloadIcon} from '../icons/download-icon';
-import {GlobeProjection} from '../../types/globe-projection';
 import setGlobeProjectionAction from '../../actions/set-globe-projection';
 import {projectionSelector} from '../../selectors/globe/projection';
+import setFlyToAction from '../../actions/set-fly-to';
+
+import {GlobeProjection} from '../../types/globe-projection';
 
 import styles from './globe-navigation.styl';
-import {useDispatch, useSelector} from 'react-redux';
 
 const GlobeNavigation: FunctionComponent = () => {
   const dispatch = useDispatch();
+  const defaultView = config.globe.view;
   const projectionState = useSelector(projectionSelector);
   const label =
     projectionState.projection === GlobeProjection.Sphere ? '2D' : '3D';
@@ -31,7 +35,7 @@ const GlobeNavigation: FunctionComponent = () => {
       <Button
         className={styles.compassIcon}
         icon={CompassIcon}
-        onClick={() => console.log('placeholder')}
+        onClick={() => dispatch(setFlyToAction({...defaultView}))}
       />
       <Button
         className={styles.downloadIcon}