registration request works

hipstagram/src/Actions/action_registration.js

@@ -1,7 +1,7 @@
 import { actionAuthLogin } from '../Redux/auth_reducer';
 import { actionLoginNetworkError, actionLoginNetworkErrorReset } from '../Redux/network_reducer';
 import { actionPromise } from '../Redux/promise_reducer';
-import { actionLogin } from './action_login';
+import {actionLogin, gql} from './action_login';
 
 export const actionRegistrations = (login, password) => async (dispatch) => {
     console.log(login, password)
@@ -21,9 +21,9 @@ export const actionRegistrations = (login, password) => async (dispatch) => {
     if(result?.data?.createUser===null) {
         //  такой пользователь есть
     } else {
-        if (result?.data?.createUser?.id) {
+        if (result?.data?.createUser?._id) {
             console.log('Registered successfull')
-            actionLogin(login, password)
+            dispatch(actionLogin(login, password))
         } else {
             console.log("Registration failed")
             dispatch(actionLoginNetworkError())

hipstagram/src/Content/Registration/Registration.js

@@ -1,17 +1,36 @@
-import React from 'react';
+import React, {useRef, useState} from 'react';
 import { NavLink } from 'react-router-dom';
 import './Registration.css';
 import ExistingLoginError from "../../Components/RegistrationError/ExistingLoginError";
 import ConfirmPasswordError from "../../Components/RegistrationError/ConfirmPasswordError";
+import {connect} from "react-redux";
+import {actionRegistrations} from "../../Actions/action_registration";
+
+const Registration = ({onRegistration}) => {
+
+    const loginRef = useRef(null)
+    const pasRef = useRef(null)
+
+    const [login, setLogin] = useState("")
+    const [password, setPassword] = useState("")
 
-const Registration = () => {
     return (
         <div className='registration-wrapper'>
-            <input placeholder="Login"></input>
-            <input placeholder="Password"></input>
+            <input
+                value={login}
+                placeholder="Login"
+                ref={loginRef}
+                onChange={(e) => setLogin(e.target.value)}></input>
+            <input
+                    value={password}
+                    placeholder="Password"
+                    ref={pasRef}
+                    onChange={(e) => setPassword(e.target.value)}
+                    type="password"
+            ></input>
             <input placeholder="Confirm Password"></input>
 
-            <button>Registration</button>
+            <button onClick={() => onRegistration(login, password)}>Registration</button>
 
             <nav>
                 <NavLink to="/login">Login</NavLink>
@@ -23,4 +42,10 @@ const Registration = () => {
     )
 }
 
-export default Registration;
+// export default Registration;
+
+const CRegistration = connect(null, {
+    onRegistration: actionRegistrations
+})(Registration)
+
+export default CRegistration