From 78f45a3065599757cde65a22d6fc02849c785127 Mon Sep 17 00:00:00 2001
From: mihail323i21 <mihail323i21@gmail.com>
Date: Tue, 21 Nov 2023 03:24:11 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D0=BD=D1=8F?=
 =?UTF-8?q?=D0=B5=D1=82=20=D0=BA=D0=B0=D1=81=D1=82=D0=BE=D0=BC=D0=BD=D1=8B?=
 =?UTF-8?q?=D0=B5=20=D0=B8=D0=BD=D0=BF=D1=83=D1=82=D1=8B=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B8=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=B8=D0=B7=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UIComponents/customInput/CustomInput.tsx  |  3 --
 .../UIComponents/customInput/customInput.css  | 20 +++++++++
 .../customInput/customInput.css.map           |  1 +
 .../authentication/Authentication.tsx         | 16 +++----
 .../UserProfile/userProfileModalBody.css      | 43 +++++++++++++++++++
 5 files changed, 72 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/UIComponents/customInput/customInput.css
 create mode 100644 frontend/src/UIComponents/customInput/customInput.css.map
 create mode 100644 frontend/src/components/mapMenu/UIMapMenu/UserProfile/userProfileModalBody.css

diff --git a/frontend/src/UIComponents/customInput/CustomInput.tsx b/frontend/src/UIComponents/customInput/CustomInput.tsx
index f12fee8..a9ee579 100644
--- a/frontend/src/UIComponents/customInput/CustomInput.tsx
+++ b/frontend/src/UIComponents/customInput/CustomInput.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import authStore from "../../store/authStore.ts";
 import "./customInput.scss"
 
 interface IPropTypes {
@@ -18,8 +17,6 @@ const CustomInput: React.FC<IPropTypes> = ({placeholder, value, handleOnChange,
                    value={value}
                    onChange={(e) => {
                        handleOnChange(e.target.value)
-                       authStore.changeUserLogin(e.target.value)
-                       authStore.changeUserEmail(e.target.value)
                    }}
                    autoFocus={autoFocus !== undefined ? autoFocus : false}
             />
diff --git a/frontend/src/UIComponents/customInput/customInput.css b/frontend/src/UIComponents/customInput/customInput.css
new file mode 100644
index 0000000..4469d9a
--- /dev/null
+++ b/frontend/src/UIComponents/customInput/customInput.css
@@ -0,0 +1,20 @@
+.custom-input {
+  margin-top: 15px;
+  background: #C5FFED;
+  border-radius: 30px;
+}
+.custom-input > input {
+  font-size: 16px;
+  color: #2B2A29;
+  left: 10%;
+  width: 80%;
+  height: 70px;
+  background: none;
+  border: none;
+}
+.custom-input > input:focus {
+  border: none;
+  outline: none;
+}
+
+/*# sourceMappingURL=customInput.css.map */
diff --git a/frontend/src/UIComponents/customInput/customInput.css.map b/frontend/src/UIComponents/customInput/customInput.css.map
new file mode 100644
index 0000000..9fa624b
--- /dev/null
+++ b/frontend/src/UIComponents/customInput/customInput.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["customInput.scss","../../styles/variablesStyles.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;;AAEA;EACE;EACA,OCJa;EDKb;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"customInput.css"}
\ No newline at end of file
diff --git a/frontend/src/components/authentication/Authentication.tsx b/frontend/src/components/authentication/Authentication.tsx
index 59588c3..9b3633d 100644
--- a/frontend/src/components/authentication/Authentication.tsx
+++ b/frontend/src/components/authentication/Authentication.tsx
@@ -22,15 +22,15 @@ const Authentication: React.FC = observer(() => {
             <form className="auth__form">
                 <h2 className="auth-form-title">ВХОД</h2>
                 <fieldset className="auth-fields">
-                    <CustomInput type="email" value="" handleOnChange={(e) => {
-                        authStore.changeUserLogin(e.target.value)
-                        authStore.changeUserEmail(e.target.value)
-                    }} autoFocus={true} placeholder="Логин"/>
+                    <CustomInput type="email" value={authStore.userLogin} handleOnChange={(e) => {
+                        authStore.changeUserLogin(e)
+                        authStore.changeUserEmail(e)
+                    }}
+                                 autoFocus={true} placeholder="Логин"/>
                     <div className="auth-data__field">
-                        <input type={isPasswordShows ? "text" : "password"} className="password__input"
-                               value={authStore.userPassword}
-                               onChange={(e) => authStore.changeUserPassword(e.target.value)}
-                               placeholder="Пароль"/>
+                        <CustomInput type={isPasswordShows ? "text" : "password"} placeholder="Пароль"
+                                     value={authStore.userPassword}
+                                     handleOnChange={(e) => authStore.changeUserPassword(e)}/>
                     </div>
                 </fieldset>
                 <CustomCheckbox text="Показать пароль" id="is-remember"
diff --git a/frontend/src/components/mapMenu/UIMapMenu/UserProfile/userProfileModalBody.css b/frontend/src/components/mapMenu/UIMapMenu/UserProfile/userProfileModalBody.css
new file mode 100644
index 0000000..5749a23
--- /dev/null
+++ b/frontend/src/components/mapMenu/UIMapMenu/UserProfile/userProfileModalBody.css
@@ -0,0 +1,43 @@
+.user-profile-title {
+  text-align: left;
+  position: relative;
+  left: 5%;
+  top: 5%;
+  color: #2B2A29;
+  font-family: Golos, sans-serif;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  letter-spacing: 0.1rem;
+}
+
+.user-profile-photo {
+  position: absolute;
+  top: 20%;
+  left: 10%;
+  border-radius: 100px;
+}
+
+.header-modal-user-profile {
+  width: 100%;
+  height: 5rem;
+  border-radius: 15px;
+  background: #FFFFFF;
+  display: flex;
+  justify-content: left;
+  align-items: center;
+}
+
+.user-info-fields {
+  position: absolute;
+  top: 20%;
+  left: 35%;
+}
+.user-info-fields input {
+  width: 19rem;
+  height: 4rem;
+  border-radius: 10px;
+}
+
+/*# sourceMappingURL=userProfileModalBody.css.map */