rw-xsm-handlers/src/profileHandler.js

realworld example unified state handlers for XSM

import agent from './agent';
import xsm from 'xsm';

const {get, set} = xsm;


  let profile = undefined;
  let isLoadingProfile = false;

  export function loadProfile(username) {
    isLoadingProfile = true;
    set('isLoadingProfile', isLoadingProfile)
    agent.Profile.get(username)
      .then(( pf ) => { 
        profile = pf.profile; 
        set('profile', profile)
      })
      .finally(() => { isLoadingProfile = false; 
        set('isLoadingProfile', isLoadingProfile)
      })
  }

  export function follow() {
      console.log('===profile', profile)
    if (profile && !profile.following) {
      profile.following = true;
      agent.Profile.follow(profile.username).then(()=>
          set('profile', profile))
        .catch(() => { profile.following = false 
          set('profile', profile)
        });
    }
  }

  export function unfollow() {
    if (profile && profile.following) {
      profile.following = false;
      agent.Profile.unfollow(profile.username).then(()=>
          set('profile', profile))
        .catch(() => { profile.following = true 
          set('profile', profile)
        });
    }
  }