...

shop/src/App.css

@@ -80,6 +80,7 @@ button:disabled {
   z-index: 2;
   display: flex;
   flex-direction: row;
+  border-bottom: 2px solid rgb(10, 10, 10);
 }
 
 .tabletMenu {
@@ -286,7 +287,7 @@ button {
   padding: 5px 10px;
   border: 2px solid;
   border-color:rgb(229, 229, 243);
-  border-radius: 5%;
+  border-radius: 10%;
 
 }
 .profilePage img {
@@ -418,6 +419,9 @@ button {
     margin: 5px ;
     width: 150px;
   }
+  .profilePage {
+    width: 100%;
+  }
 
   .order {
     padding-left: 10px;

shop/src/components/loginOnPage.js

@@ -36,7 +36,7 @@ const PasswordConfirm = ({status, loginStatus, state, login, isLoggedIn, onLogin
     function Login() {
         
             onLogin(pass1, pass2)
-            debugger
+
             if(status == "RESOLVED" && !loginStatus){
                 history.push("/loginError")
             }
@@ -131,7 +131,7 @@ const FormReg = ({onReg, onLogin, login, state, isReg}) => {
             <div>
                 <button disabled = {!pass2 || !pass1} onClick={() => {
                         onReg(pass1, pass2)
-                        debugger
+
                         if(!isReg) {
                             onLogin(pass1, pass2)
                         } else {

shop/src/components/profilePage.js

@@ -6,29 +6,36 @@ import { connect } from "react-redux";
 import { useEffect, useState, useRef } from "react";
 
 
-const YourProfile = ({data, getData}) => {
-    useEffect(() =>  getData('ML'), [])
-    const date = new Date(+data.createdAt);
-    console.log(data)
-    return (
-        <>
-            <div className = "profilePage">
-                <h2>Привіт, {data.nick || "людино"}!</h2>
-                <img src={data.avatar ? data.avatar : 'https://pngicon.ru/file/uploads/picca-1.png'} />
-                <span>
-                    Сторінку створено {`${date.getDate()}. ${date.getMonth() + 1}. ${date.getFullYear()} о ${date.getHours()}: ${date.getMinutes()}: ${date.getSeconds()}  `}
-                </span>
-                <span>
-                    Пс.. не подобається аватар, логін чи нікнейм? То зміни їх
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
-                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
-                    </svg>
-                     <span className = "click">ТИЦ</span>
-                </span>
-                <UpdateForm onchange = {updateAction}/>
-            </div>
-        </>
+const YourProfile = ({data, getData, match:{params:{login}}}) => {
+     useEffect(() =>  getData(`${login}`),[])
+     const date = new Date(data ? +data.createdAt : 0);
+     console.log(data)
+     if(data){
+        return (
+            <>
+                <div className = "profilePage">
+                    <h2>Привіт, {data.nick || "людино"}!</h2>
+                    <img src={data.avatar ? data.avatar : 'https://pngicon.ru/file/uploads/picca-1.png'} />
+                    <span>
+                        Сторінку створено {`${date.getDate()}. ${date.getMonth() + 1}. ${date.getFullYear()} о ${date.getHours()}: ${date.getMinutes()}: ${date.getSeconds()}  `}
+                    </span>
+                    <span>
+                        Пс.. не подобається аватар, логін чи нікнейм? То зміни їх
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
+                        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
+                        </svg>
+                        <span className = "click">ТИЦ</span>
+                    </span>
+                    <UpdateForm onchange = {updateAction}/>
+                </div>
+            </>
     )
+    } else {
+        return(
+            <>
+            </>
+        )
+    }
 }
 
 const mapStateToProps = state => ({