Merge pull request #69 from oslabs-beta/fixRoleAssign

fixed error with assigning role to new users

Author: CedarCooper

package.json

@@ -34,7 +34,6 @@
     "react-dom": "^18.2.0",
     "react-error-overlay": "^6.0.11",
     "react-modal": "^3.15.1",
-    "react-password-strength-bar": "^0.4.1",
     "react-redux": "^8.0.4",
     "react-router": "^6.4.1",
     "react-router-dom": "^6.4.1",
@@ -78,6 +77,7 @@
     "nodemailer": "^6.8.0",
     "nodemon": "^2.0.20",
     "react-devtools": "^4.26.0",
+    "react-password-strength-bar": "^0.4.1",
     "react-test-renderer": "^18.2.0",
     "style-loader": "^3.3.1",
     "supertest": "^6.3.0",

src/components/Login.tsx

@@ -91,7 +91,6 @@
                id='username' 
                label='Username' 
                variant='outlined'
-              value= 'sysadmin' 
              />
              <br />
              <br />
@@ -100,7 +99,6 @@
                label='Password'
                type='password'
                variant='outlined'
-              value ='belugas'
              />
              <br />
              {/* * Login Button * */}

src/components/SignUp.tsx

@@ -51,7 +51,7 @@ const SignUp = () => {
           className='settingsForm'
           component= 'form'
           autoComplete= 'off'
-          onSubmit={(e: any) => handleNewUser(e, e.target.roleID)}
+          onSubmit={(e: any) => handleNewUser(e, '1')}
           sx={{color:'blue'}}
         >
 

src/components/display/NewUserDisplay.tsx

@@ -75,7 +75,7 @@ const NewUserDisplay = () => {
           className='settingsForm'
           component= 'form'
           autoComplete= 'off'
-          onSubmit={(e: any) => handleNewUser(e, e.target.roleID)}
+          onSubmit={(e: any) => handleNewUser(e, valueRole)}
           sx={{color:'blue'}}
         >
 

src/components/helper/newUserHelper.ts

@@ -7,6 +7,7 @@ import * as actions from '../../redux/actions/actions';
 import React from 'react';
 
 export const handleNewUser = (e: React.SyntheticEvent, roleID: string) => {
+
   e.preventDefault();
   const username = (<HTMLInputElement>document.getElementById('signupUsername')).value;
   const password = (<HTMLInputElement>document.getElementById('signupPassword')).value;