Allow anonymous users to set preferences

Support saving the sidebar's autocollapsing status by anonymous users

src/components/sidebar/desktop.js

@@ -44,7 +44,8 @@ class SidebarDesktop extends React.PureComponent {
   static propTypes = {
     autocollapsible: PropTypes.bool,
     collapsed: PropTypes.bool,
-    current_user: PropTypes.shape()
+    current_user: PropTypes.shape(),
+    is_logged_in: PropTypes.bool
   };
 
   static defaultProps = {
@@ -149,11 +150,10 @@ class SidebarDesktop extends React.PureComponent {
       () => {
         const client = new ApiClient(API_HOST);
         const triggers = new ActionsTrigger(client, this.props.dispatch);
-        triggers.updateUserInfo({
-          more: {
-            sidebar: { collapsed: this.state.collapsed }
-          }
-        });
+        triggers.updateUserInfo(
+          { more: { sidebar: { collapsed: this.state.collapsed } } },
+          this.props.is_logged_in
+        );
       }
     );
   };

src/selectors/currentUser.js

@@ -25,9 +25,10 @@ function selectCurrentUser(state) {
   const currentUser = state.get('current_user');
 
   return currentUser.withMutations(function (currentUser) {
-    currentUser.set('user', state.getIn(['users', currentUser.get('id')]));
-    currentUser.set('likes', state.getIn(['likes', currentUser.get('id')]) || i.List());
-    currentUser.set('favourites', state.getIn(['favourites', currentUser.get('id')]) || i.List());
+    const id = currentUser.get('id') || 'null';
+    currentUser.set('user', state.getIn(['users', id]));
+    currentUser.set('likes', state.getIn(['likes', id]) || i.List());
+    currentUser.set('favourites', state.getIn(['favourites', id]) || i.List());
   });
 }
 

src/triggers/index.js

@@ -219,7 +219,13 @@ export class ActionsTrigger {
     return status;
   };
 
-  updateUserInfo = async (user) => {
+  updateUserInfo = async (user, isLoggedIn = true) => {
+    if (!isLoggedIn) {
+      this.dispatch(a.messages.addMessage('Saved successfully'));
+      this.dispatch(a.users.addUser({ id: null, ...user }));
+      return true;
+    }
+
     let status = false;
     try {
       const res = await this.client.updateUser(user);