Return specific Django registration error msg when available.

Author: Robb Satterwhite

src/components/Registration.js

@@ -42,6 +42,7 @@ const Registration = () => {
       } else {
         setUNameMsg(api.MSG_USER_AVAILABLE);
         setUNameValid(true);
+        setRegMsg(''); // erase error message if it exists
       }
     } else {
       setUNameMsg(' ');
@@ -79,7 +80,7 @@ const Registration = () => {
       console.log(regResult);
       if (regResult===api.OK) { history.push('/'); }
       else {
-        setRegMsg(regResult); // try to find Django error message
+        setRegMsg('Error: ' + regResult);
         setIsReg(false);
       }
     }

src/store/apiCalls.js

@@ -213,8 +213,19 @@ const makeNewUserAPI = async (newUserRec) => {
     console.log(response);
     return api.OK;
   } catch (error) {
-    console.log(error);
-    return api.FAILED;
+    // console.log(error.toString());
+    // console.log('error 1');
+    if (error.response.data.username && error.response.data.username[0]) {
+      return error.response.data.username[0];
+    }
+    if (error.response.data.email && error.response.data.email[0]) {
+      return error.response.data.email[0];
+    }
+    // following is not tested
+    // if (error.response.data.password && error.response.data.password[0]) {
+    //   return error.response.data.password[0];
+    // }
+    return error.toString();
   }
 };
 

src/store/handlersUser.js

@@ -203,7 +203,7 @@ const handleReg = async (newUserInfo, dispatch) => {
   const userInfo = { userName: username, userPwd: password };     // to get initial token
   if (password!==password2) return 'Password 1 and password 2 must match.';
   let status = await makeNewUserAPI(userObj);
-  console.log('make new user: ' + status);
+  // console.log('make new user: ' + status);
   if (status!==api.OK) { return status; }
   status = await getTokenFromAPI(userInfo);
   if (status!==api.OK) { return status; }