From 9ab1027ba4557abf351ddd7b239622ae17a9ba69 Mon Sep 17 00:00:00 2001
From: nukeop <nukeop@gumblert.tech>
Date: Thu, 24 Jan 2019 01:19:22 +0100
Subject: [PATCH] Remove route transitions - program feels a lot snappier

---
 app/containers/MainContentContainer/index.js  | 37 +++++++------------
 .../MainContentContainer/styles.scss          |  6 ---
 2 files changed, 13 insertions(+), 30 deletions(-)
 delete mode 100644 app/containers/MainContentContainer/styles.scss

diff --git a/app/containers/MainContentContainer/index.js b/app/containers/MainContentContainer/index.js
index 42deb01365..675aab924a 100644
--- 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
deleted file mode 100644
index 62b1698b3a..0000000000
--- a/app/containers/MainContentContainer/styles.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.transition {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  margin: 1rem;
-}