Replacing all Link with custom Link that scrolls to the top (so we can detect forward vs backward navigation)

src/js/views/Artist.js

@@ -2,8 +2,8 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
 
+import Link from '../components/Link';
 import LazyLoadListener from '../components/LazyLoadListener'
 import Header from '../components/Header'
 import TrackList from '../components/TrackList'
@@ -223,7 +223,7 @@ class Artist extends React.Component{
 
 						<div className="col col--w5"></div>
 
-						{artist.related_artists ? <div className="col col--w25 related-artists"><h4>Related artists</h4><div className="list-wrapper"><RelatedArtists artists={artist.related_artists.slice(0,6)} /></div><Link to={global.baseURL+'artist/'+artist.uri+'/related-artists'} className="button grey">All related artists</Link></div> : null}
+						{artist.related_artists && artist.related_artists.length > 0 ? <div className="col col--w25 related-artists"><h4>Related artists</h4><div className="list-wrapper"><RelatedArtists artists={artist.related_artists.slice(0,6)} /></div><Link to={global.baseURL+'artist/'+artist.uri+'/related-artists'} className="button grey">All related artists</Link></div> : null}
 
 						<div className="cf"></div>
 

src/js/views/Debug.js

@@ -1,12 +1,13 @@
 
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
-import { Link, hashHistory } from 'react-router'
+import { hashHistory } from 'react-router'
 import { bindActionCreators } from 'redux'
 
 import Header from '../components/Header'
 import Thumbnail from '../components/Thumbnail'
 import Icon from '../components/Icon'
+import Link from '../components/Link';
 
 import * as uiActions from '../services/ui/actions'
 import * as pusherActions from '../services/pusher/actions'

src/js/views/Playlist.js

@@ -2,7 +2,8 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link, hashHistory } from 'react-router'
+import { hashHistory } from 'react-router'
+import Link from '../components/Link';
 import ReactGA from 'react-ga'
 
 import TrackList from '../components/TrackList'

src/js/views/Queue.js

@@ -1,7 +1,8 @@
 
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
-import { hashHistory, Link } from 'react-router'
+import { hashHistory } from 'react-router'
+import Link from '../components/Link';
 import { bindActionCreators } from 'redux'
 
 import Icon from '../components/Icon'

src/js/views/Search.js

@@ -1,7 +1,8 @@
 
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
-import { Link, hashHistory } from 'react-router'
+import { hashHistory } from 'react-router'
+import Link from '../components/Link';
 import { bindActionCreators } from 'redux'
 
 import Header from '../components/Header'

src/js/views/Track.js

@@ -1,7 +1,7 @@
 
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
-import { Link } from 'react-router'
+import Link from '../components/Link';
 import { bindActionCreators } from 'redux'
 
 import Header from '../components/Header'

src/js/views/discover/DiscoverFeatured.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link';
 
 import PlaylistGrid from '../../components/PlaylistGrid'
 import Header from '../../components/Header'

src/js/views/discover/DiscoverNewReleases.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link';
 
 import Header from '../../components/Header'
 import Icon from '../../components/Icon'

src/js/views/library/LibraryAlbums.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Link } from 'react-router';
+import Link from '../../components/Link';
 
 import AlbumGrid from '../../components/AlbumGrid';
 import List from '../../components/List';

src/js/views/library/LibraryArtists.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Link } from 'react-router';
+import Link from '../../components/Link';
 
 import Header from '../../components/Header';
 import ArtistGrid from '../../components/ArtistGrid';

src/js/views/library/LibraryBrowse.js

@@ -2,7 +2,8 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link, hashHistory } from 'react-router'
+import { hashHistory } from 'react-router'
+import Link from '../../components/Link';
 
 import Header from '../../components/Header'
 import List from '../../components/List'

src/js/views/library/LibraryPlaylists.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link';
 
 import PlaylistGrid from '../../components/PlaylistGrid'
 import List from '../../components/List'

src/js/views/library/LibraryTracks.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link';
 
 import TrackList from '../../components/TrackList'
 import Header from '../../components/Header'

src/js/views/modals/AddToPlaylist.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga'
 
 import Modal from './Modal';

src/js/views/modals/AddToQueue.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga'
 
 import Modal from './Modal';

src/js/views/modals/CreatePlaylist.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga'
 
 import Modal from './Modal';

src/js/views/modals/EditCommand.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga'
 
 import Modal from './Modal';

src/js/views/modals/EditPlaylist.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga'
 
 import Modal from './Modal';

src/js/views/modals/EditRadio.js

@@ -2,7 +2,7 @@
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga'
 
 import Modal from './Modal';

src/js/views/modals/InitialSetup.js

@@ -2,7 +2,8 @@
 import React, { PropTypes } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Link, hashHistory } from 'react-router';
+import { hashHistory } from 'react-router'
+import Link from '../../components/Link'
 import ReactGA from 'react-ga';
 
 import Modal from './Modal';

src/js/views/modals/KioskMode.js

@@ -1,7 +1,7 @@
 
 import React, { PropTypes } from 'react';
 import { connect } from 'react-redux';
-import { Link } from 'react-router';
+import Link from '../../components/Link'
 import { createStore, bindActionCreators } from 'redux';
 
 import Modal from './Modal';

src/js/views/modals/ShareConfiguration.js

@@ -1,7 +1,7 @@
 
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
-import { Link } from 'react-router'
+import Link from '../../components/Link'
 import { createStore, bindActionCreators } from 'redux'
 
 import Modal from './Modal';