Remove route transitions - program feels a lot snappier

siweiwei2015 · Jan 24, 2019 · 9ab1027 · 9ab1027
1 parent db7b382
commit 9ab1027
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 30 deletions.
diff --git a/app/containers/MainContentContainer/index.js b/app/containers/MainContentContainer/index.js
@@ -1,6 +1,5 @@
 import React from 'react';
-import { Route, Switch, Link, withRouter } from 'react-router-dom';
-import { RouteTransition } from 'react-router-transition';
+import { Route, Switch, withRouter } from 'react-router-dom';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import * as Actions from '../../actions';
@@ -19,8 +18,6 @@ import TagViewContainer from '../TagViewContainer';
 
 import Downloads from '../../components/Downloads';
 
-import styles from './styles.scss';
-
 class MainContentContainer extends React.Component {
   componentDidMount() {
     if (this.props.history
@@ -35,26 +32,18 @@ class MainContentContainer extends React.Component {
       <Route render={({location, history, match}) => {
         return (
           <MainLayout>
-            <RouteTransition
-              pathname={location.pathname}
-              atEnter={{ opacity: 0 }}
-              atLeave={{ opacity: 0 }}
-              atActive={{ opacity: 1 }}
-              className={styles.transition}
-            >
-              <Switch key={location.key} location={location}>
-                <Route path='/album/:albumId' component={AlbumViewContainer} />
-                <Route path='/artist/:artistId' component={ArtistViewContainer} />
-                <Route path='/dashboard' component={DashboardContainer} />
-                <Route path='/downloads' component={Downloads} />
-                <Route path='/playlists' component={PlaylistsContainer} />
-                <Route path='/playlist/:playlistId' component={PlaylistViewContainer} />
-                <Route path='/plugins' component={PluginsContainer} />
-                <Route path='/settings' component={SettingsContainer} />
-                <Route path='/tag/:tagName' component={TagViewContainer}/>
-                <Route path='/search' component={SearchResultsContainer} />
-              </Switch>
-            </RouteTransition>
+            <Switch key={location.key} location={location}>
+              <Route path='/album/:albumId' component={AlbumViewContainer} />
+              <Route path='/artist/:artistId' component={ArtistViewContainer} />
+              <Route path='/dashboard' component={DashboardContainer} />
+              <Route path='/downloads' component={Downloads} />
+              <Route path='/playlists' component={PlaylistsContainer} />
+              <Route path='/playlist/:playlistId' component={PlaylistViewContainer} />
+              <Route path='/plugins' component={PluginsContainer} />
+              <Route path='/settings' component={SettingsContainer} />
+              <Route path='/tag/:tagName' component={TagViewContainer}/>
+              <Route path='/search' component={SearchResultsContainer} />
+            </Switch>
           </MainLayout>
         );
       }

diff --git a/app/containers/MainContentContainer/styles.scss b/app/containers/MainContentContainer/styles.scss