working on change user

src/actions/user.js

@@ -26,14 +26,13 @@ const findUserRequestFail = payload => ({
 });
 
 export const findUser = (payload) => dispatch => {
-    console.log(payload)
     dispatch(findUserRequest());
     return fetch(`${URL}`+payload,{
         credentials:"include"
     })
         .then(res => res.json())
         .then(res => {
-            dispatch(findUserRequestSuccess(res)) 
+            dispatch(findUserRequestSuccess(res));
             console.log(res)
         })
         .catch(err => dispatch(findUserRequestFail(err)));
@@ -84,12 +83,12 @@ const putUserRequestFail = payload => ({
 });
 
 export const putUser = (payload) => dispatch => {
-    dispatch(deleteUserRequest());
+    dispatch(putUserRequest());
     return fetch(`${URL}${payload}`, {
         method: "DELETE",
         credentials: "include"
     })
         .then(res => res.json())
-        .then(res => dispatch(deleteUserRequestSuccess(res)))
-        .catch(err => dispatch(deleteUserRequestFail(err)));
+        .then(res => dispatch(putUserRequestSuccess(res)))
+        .catch(err => dispatch(putUserRequestFail(err)));
 };

src/components/Admin/Admin.js

@@ -60,7 +60,9 @@ export class Admin extends React.Component {
             findUserInput,
             changeFindUserInput,
             findUser,
-            deleteUser
+            deleteUser,
+            userError,
+            changeUserForm
         } = this.props;
 
         return (
@@ -108,6 +110,8 @@ export class Admin extends React.Component {
                             changeFindUserInput={changeFindUserInput}
                             findUser={findUser}
                             deleteUser={deleteUser}
+                            error={userError}
+                            changeUserForm={changeUserForm}
                         />} />
                     </Switch>
                 </div>
@@ -128,7 +132,9 @@ const mapStateToProps = state => {
         services: state.services.services,
         categories: state.services.categories,
         user:state.user.user,
-        findUserInput:state.user.findUserInput
+        findUserInput:state.user.findUserInput,
+        userError:state.user.error,
+        changeUserForm:state.user.changeUserForm,
     }
 };
 
@@ -146,9 +152,6 @@ const mapDispatchToProps = {
     putServices,
     deleteServices,
     changeSpecialityArray,
-    putServices,
-    deleteServices,
-    changeSpecialityArray,
     changeFindUserInput,
     findUser,
     deleteUser

src/components/Admin/Input.js

@@ -2,19 +2,21 @@ import React from 'react';
 
 export default class Input extends React.Component {
     render(){
+        const {el,className,changeInputValues} = this.props;
         return (
             <input
-                className = "appointment admin-form"
-                id={this.props.el.id}
-                type={this.props.el.type}
-                name={this.props.el.name}
-                value={this.props.el.value}
-                placeholder={this.props.el.placeholder}
-                minLength={this.props.el.minLength}
-                maxLength={this.props.el.maxLength}
-                required={this.props.el.required}
-                pattern={this.props.el.pattern}
-                onChange={(e) => this.props.changeInputValues(e)}
+                className = {className ? className : "appointment admin-form"}
+                id={el.id}
+                type={el.type}
+                name={el.name}
+                value={el.value}
+                placeholder={el.placeholder}
+                minLength={el.minLength}
+                maxLength={el.maxLength}
+                required={el.required}
+                pattern={el.pattern}
+                checked={el.checked}
+                onChange={(e) => changeInputValues(e)}
             />
         );
     }

src/components/Admin/tempp.js

@@ -1,14 +1,23 @@
 import React from 'react';
 
+
+import Input from "./Input"
+
 export default class Tempp extends React.Component {
 
-changeUserInput = (e) => {
+    changeUserInput = (e) => {
     this.props.changeFindUserInput(e.target.value)
-}
+    };
+
+    findUser = () => {
+        this.props.findUser(this.props.findUserInput.includes('@') ? '?email='+this.props.findUserInput : this.props.findUserInput)
+    };
 
-findUser = () => {
-    this.props.findUser(this.props.findUserInput.includes('@') ? '?email='+this.props.findUserInput : this.props.findUserInput)
-}
+    enterPressed = (e) => {
+        if (e.key === 'Enter') {
+            this.findUser();
+        }
+    };
 
     render(){
         const {
@@ -16,27 +25,30 @@ findUser = () => {
             findUserInput,
             changeFindUserInput,
             findUser,
-            deleteUser
-        } = this.props
-        console.log(this.props)
+            deleteUser,
+            changeUserForm,
+            error
+        } = this.props;
         return (
            <div>
-                <input type='text' onChange={this.changeUserInput}></input>
+                <input type='text' name='find_user' onKeyDown={this.enterPressed} onChange={this.changeUserInput} ></input>
                 {findUserInput && 
-                    <button onClick={this.findUser}>Find User</button>
+                    <button id='enter' addEvent onClick={this.findUser}>Find User</button>
                 }
-                {user && 
-                    <div>
-                        <p>{user.firstName}</p>
-                        <p>{user.lastName}</p>
-                        <p>{user.email}</p>
-                        <p>{user.role}</p>
-                        <p>{user.doctor}</p>
-                        <p>{user.createdAt}</p>
-                        <p>{user._id}</p>
-                    </div>
+                {user &&
+                <div>
+
+                    {changeUserForm.map(el => <Input key={el.id} el={el} changeInputValues={console.log} className={'hello'}/>)}
+                </div>
+
                 }
+               {error &&
+                   <div>
+                       <p>User not found</p>
+                   </div>
+               }
            </div>
         );
     }
 };
+

src/reducers/user.js

@@ -1,8 +1,11 @@
 import * as types from '../actionsTypes/actionsTypes'
 
+import {adminChangeUserForm} from "../utils/formFields"
+
 const defaultState = {
     user:null,
     findUserInput:'',
+    changeUserForm:adminChangeUserForm,
     isFetching: false,
     error:null
 };
@@ -18,9 +21,16 @@ export const userReducer = (state = defaultState, action) => {
         }
 
         case types.FIND_USER_REQUEST_SUCCESS : {
+            const data = state.findUserInput.includes('@') ? action.payload.users[0] : action.payload.user;
+            state.changeUserForm.map(el => console.log(Object.keys(data).find(item => item === el.name)))
             return {
                 ...state,
-                user:state.findUserInput.includes('@') ? action.payload.users[0] : action.payload.user,
+                user:data,
+                changeUserForm:state.changeUserForm.map(el => Object.keys(data).find(item => item === el.name) ? {
+                    ...el,
+                    value:data[`${el.name}`]
+                } : el),
+                error:action.payload.message,
                 isFetching: false
             };
         }

src/utils/formFields.js

@@ -232,6 +232,77 @@ export const postNewServiceForm =[
 	}
 ];
 
+export const adminChangeUserForm =[
+	{
+		id:1,
+		type:'text',
+		value:"",
+		name:'firstName',
+		placeholder:'Введите Имя',
+		required:true
+	},
+	{
+		id:2,
+		type:'text',
+		value:"",
+		name:'lastName',
+		placeholder:'Введите Фамилию',
+		required:true
+	},
+	{
+		id:3,
+		type:'email',
+		value:"",
+		name:'email',
+		placeholder:'Введите E-mail',
+		required:true
+	},
+	{
+		id:4,
+		type:'phone',
+		value:"",
+		name:'phone',
+		placeholder:'Введите номер телефона',
+		required:true
+	},
+	{
+		id:5,
+		type:'radio',
+		value:"",
+		name:'role',
+		required:true
+	},
+	{
+		id:6,
+		type:'radio',
+		value:"",
+		name:'role',
+		required:true
+	},
+	{
+		id:7,
+		type:'radio',
+		value:"",
+		name:'doctor',
+		required:true
+	},
+	{
+		id:8,
+		type:'radio',
+		value:"",
+		name:'doctor',
+		required:true
+	},
+	{
+		id:9,
+		type:'text',
+		value:"",
+		name:'_id',
+		required:true
+	}
+
+];
+
 export const route = [
 	{
 		id: 1,