Misago/frontend/src/reducers/username-history.js

import moment from 'moment';
import { UPDATE_AVATAR, UPDATE_USERNAME } from 'misago/reducers/users';
import concatUnique from 'misago/utils/concat-unique';

export const ADD_NAME_CHANGE = 'ADD_NAME_CHANGE';
export const APPEND_HISTORY = 'APPEND_HISTORY';
export const HYDRATE_HISTORY = 'HYDRATE_HISTORY';

export function addNameChange(change, user, changedBy) {
  return {
    type: ADD_NAME_CHANGE,
    change,
    user,
    changedBy
  };
}

export function append(items) {
  return {
    type: APPEND_HISTORY,
    items: items
  };
}

export function hydrate(items) {
  return {
    type: HYDRATE_HISTORY,
    items: items
  };
}

export function hydrateNamechange(namechange) {
  return Object.assign({}, namechange, {
    changed_on: moment(namechange.changed_on)
  });
}

export default function username(state=[], action=null) {
  switch (action.type) {
    case ADD_NAME_CHANGE:
      let newState = state.slice();
      newState.unshift({
        id: Math.floor(Date.now() / 1000), // just small hax for getting id
        changed_by: action.changedBy,
        changed_by_username: action.changedBy.username,
        changed_on: moment(),
        new_username: action.change.username,
        old_username: action.user.username
      });
      return newState;

    case APPEND_HISTORY:
      return concatUnique(state, action.items.map(hydrateNamechange));

    case HYDRATE_HISTORY:
      return action.items.map(hydrateNamechange);

    case UPDATE_AVATAR:
      return state.map(function(item) {
        item = Object.assign({}, item);
        if (item.changed_by && item.changed_by.id === action.userId) {
          item.changed_by = Object.assign({}, item.changed_by, {
            avatars: action.avatars
          });
        }

        return item;
      });

    case UPDATE_USERNAME:
      return state.map(function(item) {
        item = Object.assign({}, item);
        if (item.changed_by && item.changed_by.id === action.userId) {
          item.changed_by = Object.assign({}, item.changed_by, {
            username: action.username,
            slug: action.slug
          });
        }

        return Object.assign({}, item);
      });

    default:
      return state;
  }
}