feat(username): Add Username updating

client/src/redux/settings/settings-sagas.js

@@ -0,0 +1,41 @@
+import { delay } from 'redux-saga';
+import { call, put, takeLatest } from 'redux-saga/effects';
+
+import {
+  validateUsernameComplete,
+  validateUsernameError,
+  submitNewUsernameComplete,
+  submitNewUsernameError
+} from './';
+
+import { getUsernameExists, putUpdateMyUsername } from '../../utils/ajax';
+import { createFlashMessage } from '../../components/Flash/redux';
+
+function* validateUsernameSaga({ payload }) {
+  try {
+    yield delay(500);
+    const {
+      data: { exists }
+    } = yield call(getUsernameExists, payload);
+    yield put(validateUsernameComplete(exists));
+  } catch (e) {
+    yield put(validateUsernameError(e));
+  }
+}
+
+function* submitNEwUswernameSaga({ payload: username }) {
+  try {
+    const { data: response } = yield call(putUpdateMyUsername, username);
+    yield put(submitNewUsernameComplete({...response, username}));
+    yield put(createFlashMessage(response));
+  } catch (e) {
+    yield put(submitNewUsernameError(e));
+  }
+}
+
+export function createSettingsSagas(types) {
+  return [
+    takeLatest(types.validateUsername, validateUsernameSaga),
+    takeLatest(types.submitNewUsername, submitNEwUswernameSaga)
+  ];
+}