Added image preloader

src/support/ImagesPreloader.js

@@ -0,0 +1,25 @@
+import React, { Component } from 'react';
+import styled from 'styled-components';
+
+const Wrapper = styled.div`
+    display: none;
+`;
+
+const Img = styled.img``;
+
+class ImagesPreloader extends Component {
+    importAll(r) {
+        return r.keys().map(r);
+    }
+
+    render() {
+        const images = this.importAll(require.context('../images', false, /\.(png|jpe?g)$/));
+        return (
+            <Wrapper>
+                {images.map(image => <Img key={image} src={image} />)}
+            </Wrapper>
+        );
+    }
+}
+
+export default ImagesPreloader;

src/views/index.js

@@ -6,6 +6,7 @@ import { ConnectedRouter } from 'react-router-redux';
 
 // general
 import ErrorBoundary from 'support/ErrorBoundary';
+import ImagesPreloader from 'support/ImagesPreloader';
 import { getPattern } from 'support/routes';
 
 // landing views
@@ -41,6 +42,7 @@ const App = () => (
                 <Route exact path={getPattern('landing-import')} component={ImportView} />
                 <Route>
                     <ErrorBoundary>
+                        <ImagesPreloader />
                         <WalletContainer>
                             <Route exact path={getPattern('wallet-settings')} component={WalletSettings} />
                             <Route exact path={getPattern('wallet-dashboard')} component={WalletDashboard} />