применяет кастомные инпуты при авторизации

codEnjoyer · Nov 20, 2023 · 78f45a3 · 78f45a3
1 parent 2e10651
commit 78f45a3
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 11 deletions.
diff --git 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
diff --git a/frontend/src/UIComponents/customInput/customInput.css.map b/frontend/src/UIComponents/customInput/customInput.css.map
diff --git 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