Fixes #21 merge to master

Author: 3lang3

src/components/Recommend/Recommend.css

@@ -16,7 +16,7 @@
 
 .outerWrapper {
     opacity: 0;
-    animation: zoomIn 1.5s ease forwards;
+    animation: zoomIn 2s ease forwards;
     width: 100%;
     height: 100%;
 }
@@ -73,6 +73,6 @@
 }
 
 @keyframes zoomIn {
-    from {opacity: 0; transform: scale(1.05) }
-    to {opacity: 1; transform: scale(1)}
+    from {opacity: 0; transform: scale(1.02); filter: grayscale(1); }
+    to {opacity: 1; transform: scale(1);  filter: grayscale(0);}
 }

src/components/Recommend/Recommend.jsx

@@ -78,7 +78,7 @@ class Recommend extends React.Component {
                             </div>
                         </Scrollbars>
                     </div>
-                    : <div className={styles.empty}><Spinner /></div>
+                    : <div className={styles.empty}><Spinner color="#fff" /></div>
                 }
 
             </div>

src/reducers/layouts.js

@@ -23,7 +23,7 @@ export default (state = initialState, action) => {
         case layoutsActions.CHAT:
             return {
                 ...state,
-                chat: action.payload
+                chat: action.payload || !state.chat
             }
 
         default: