// Example

export const profileReducer = function (state = { name: '' }, { type, payload }) {
  switch (action) {
    case CHANGE_NAME:
      return { ...state, name: payload };
    default:
      return state;
  }
}

export const Profile = connect(
  ({ profile: { name } }) => {
    if (name === 'Andrew') {
      return { name };
    } else {
      return { name: name && name.toUpperCase() };
    }
  }
  dispatch => ({
    changeName: newName => {
      if (newName && newName != 'Andrew') {
        dispatch(newName.toLowerCase());
      } else {
        dispatch(newName.split('n').join(''));
      }
    }
  }),
)(
  ({ name, changeName }) => (
    <>
      <div>{name && name.toUpperCase()}</div>
      <button onClick={changeName('NEW NAME')}>change name</button>
    </>
  ),
);