18.03.2023 23:00

js/Project/project/src/components/auth_reg/index.js

@@ -1,5 +1,7 @@
 import React, {
+    // createContext,
     forwardRef,
+    // useContext,
     useState
 } from 'react';
 import { store } from '../redux';
@@ -9,11 +11,6 @@ import {
 } from "react-router-dom";
 import { actionFullLogin, actionFullRegistration } from "../redux/action";
 
-import {
-    useDispatch,
-    useSelector
-} from 'react-redux';
-
 import {
     Dialog,
     DialogActions,
@@ -48,7 +45,7 @@ const Transition = forwardRef(function Transition(props, ref) {
 
 // поля ввода и кнопки
 function LoginForm() {
-    const location = useLocation();
+    const location = useLocation().pathname === '/';
     const history = useHistory();
 
     // отслеживаем введение данных в полях логин/пароль
@@ -154,7 +151,7 @@ function LoginForm() {
                         />
                     </FormControl>
 
-                    {(location.pathname === '/registration') && <FormControl variant="outlined">
+                    {!location && <FormControl variant="outlined">
                         <InputLabel htmlFor="outlined-adornment-password">Подтвердите пароль</InputLabel>
                         <OutlinedInput
                             error={isCorrect}
@@ -184,12 +181,12 @@ function LoginForm() {
                     <Button
                         size="large"
                         variant="contained"
-                        disabled={location.pathname === '/' ?
-                            (validation || false) :
-                            (validation || isCorrect) || false}
-                        onClick={location.pathname === '/' ? fullLogin : fullRegistration}
+                        disabled={location
+                            ? (validation || false)
+                            : (validation || isCorrect) || false}
+                        onClick={location ? fullLogin : fullRegistration}
                     >
-                        {location.pathname === '/'
+                        {location
                             ? 'Войти' : 'Регистрация'}
                     </Button>
                 </Stack>
@@ -206,7 +203,7 @@ function LoginForm() {
                     <DialogContent>
                         <DialogContentText>
                             {
-                                location.pathname === '/'
+                                location
                                     ? 'Вы ввели неправильный логин или пароль. Повторите попытку.'
                                     : 'Введенные логин и/или пароль уже зарегистрированы'
                             }
@@ -225,32 +222,35 @@ function LoginForm() {
 // действия при нажатии по ссылке на регистрацию
 function RegistrationLink() {
     const history = useHistory()
-
-    function goToRegistration() {
-        history.push('/registration')
-    }
+    // const test = useContext(MyContext)
 
     return (
-        <Typography
+        // { console.log('test: ', test.location) }
+        < Typography
             variant="subtitle1"
             sx={{
                 display: 'grid',
                 alignSelf: 'end',
                 justifyContent: 'center',
                 cursor: 'pointer'
+            }
+            }
+            onClick={() => {
+                history.push('/registration')
             }}
-            onClick={goToRegistration}
         >
             Зарегистрироваться
-        </Typography>
+        </Typography >
+
     )
 }
 
 
+// const MyContext = createContext()
+
 // Основное окно регистрации (без полей ввода и кнопок)
 function AuthReg() {
-
-    let location = useLocation();
+    let location = useLocation().pathname === '/'
 
     return (
         <Box sx={{
@@ -259,7 +259,7 @@ function AuthReg() {
             justifyContent: 'center',
             alignItems: 'center'
         }}>
-
+            {/* <MyContext.Provider value={{ location: location, text: 'text' }}> */}
             <Paper elevation={3}
                 sx={{
                     padding: '5px',
@@ -294,8 +294,9 @@ function AuthReg() {
                     <LoginForm />
                 </Box>
 
-                {(location.pathname === '/') && <RegistrationLink />}
+                {location && <RegistrationLink />}
             </Paper>
+            {/* </MyContext.Provider > */}
         </Box >
     )
 }