setSettings

src/components/Common/BaseButton/BaseButton.jsx

@@ -4,7 +4,11 @@ import "./basebutton.scss";
 
 export const BaseButton = ({ children, styles, onClick, ...props }) => {
   return (
-    <button onClick={onClick} className={styles ? `${styles} button` : "button"} {...props}>
+    <button
+      onClick={onClick}
+      className={styles ? `${styles} button` : "button"}
+      {...props}
+    >
       {children}
     </button>
   );

src/pages/PartnerSettings/PartnerSettings.jsx

@@ -1,68 +1,70 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
+
+import { apiRequest } from "@api/request";
+
+import { useNotification } from "@hooks/useNotification";
 
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import { Footer } from "@components/Common/Footer/Footer";
+import { Loader } from "@components/Common/Loader/Loader";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
-import { useNotification } from "@hooks/useNotification";
-import { Loader } from "@components/Common/Loader/Loader";
 
 import astral from "assets/images/logo/astralLogo.png";
 import kontur from "assets/images/logo/konturLogo.png";
 
 import "./partnerSettings.scss";
-import {apiRequest} from "@api/request";
 
 export const PartnerSettings = () => {
   const { showNotification } = useNotification();
   const [inputsValue, setInputsValue] = useState({
-    name: '',
+    name: "",
-    oldPassword: '',
+    oldPassword: "",
-    password: ''
+    password: "",
-  })
+  });
 
   const [inputsError, setInputsError] = useState({
     name: false,
     password: false,
   });
 
-  const [loader, setLoader] = useState(false)
+  const [loader, setLoader] = useState(false);
 
   const setSettings = () => {
     if (inputsValue.name.length < 2) {
       setInputsError((prevValue) => ({ ...prevValue, name: true }));
-      return
+      return;
     }
     if (inputsValue.password.length < 6 || inputsValue.oldPassword.length < 6) {
       setInputsError(() => ({ name: false, password: true }));
-      return
+      return;
     }
-    setLoader(true)
+    setLoader(true);
     apiRequest("/user/change-personal-data", {
       method: "PUT",
       data: {
-        newUsername : inputsValue.name,
+        newUsername: inputsValue.name,
       },
     }).then((data) => {
       apiRequest("/user/change-password", {
         method: "PUT",
         data: {
-          password  : inputsValue.oldPassword,
+          password: inputsValue.oldPassword,
-          newPassword: inputsValue.password
+          newPassword: inputsValue.password,
         },
       }).then((data) => {
-        setLoader(false)
+        setLoader(false);
-        if (data.status === 'success') {
+        if (data.status === "success") {
           setInputsError({
             name: false,
             password: false,
-          })
+          });
           setInputsValue({
-            name: '',
+            name: "",
-            oldPassword: '',
+            oldPassword: "",
-            password: ''
+            password: "",
-          })
+          });
           showNotification({
             show: true,
             text: "Данные изменены",
@@ -75,9 +77,9 @@ export const PartnerSettings = () => {
             type: "error",
           });
         }
-      })
+      });
-    })
+    });
-  }
+  };
   return (
     <div className="settings">
       <ProfileHeader />
@@ -98,69 +100,83 @@ export const PartnerSettings = () => {
               <p className="settings__lable-first">Изменение логина</p>
               <div className="settings__input">
                 <input
-                    className={inputsError.name ? 'warning' : ''}
+                  className={inputsError.name ? "warning" : ""}
-                    placeholder='Имя'
+                  placeholder="Имя"
-                    onChange={(e) => {
+                  onChange={(e) => {
                     setInputsValue((prevValue) => ({
                       ...prevValue,
                       name: e.target.value,
                     }));
-                    setInputsError((prevValue) => ({ ...prevValue, name: false }));
+                    setInputsError((prevValue) => ({
-                }}
+                      ...prevValue,
-                    value={inputsValue.name}
+                      name: false,
+                    }));
+                  }}
+                  value={inputsValue.name}
                 />
-                {inputsError.name &&
+                {inputsError.name && (
-                    <span className='error'>Минимум 2 символов</span>
+                  <span className="error">Минимум 2 символов</span>
-                }
+                )}
               </div>
 
               <p className="settings__lable-second">Изменение пароля</p>
               <div className="settings__input oldPassword">
                 <input
-                    className={inputsError.password ? 'warning' : ''}
+                  className={inputsError.password ? "warning" : ""}
-                    placeholder='Старый пароль'
+                  placeholder="Старый пароль"
-                    type={"password"}
+                  type={"password"}
-                    onChange={(e) => {
+                  onChange={(e) => {
-                      setInputsValue((prevValue) => ({
+                    setInputsValue((prevValue) => ({
-                        ...prevValue,
+                      ...prevValue,
-                        oldPassword: e.target.value,
+                      oldPassword: e.target.value,
-                      }));
+                    }));
-                      setInputsError((prevValue) => ({ ...prevValue, password: false }));
+                    setInputsError((prevValue) => ({
-                    }}
+                      ...prevValue,
-                    value={inputsValue.oldPassword}
+                      password: false,
+                    }));
+                  }}
+                  value={inputsValue.oldPassword}
                 />
-                {inputsError.password &&
+                {inputsError.password && (
-                  <span className='error'>Введите верный пароль</span>
+                  <span className="error">Введите верный пароль</span>
-                }
+                )}
               </div>
               <div className="settings__input">
                 <input
-                    className={inputsError.password ? 'warning' : ''}
+                  className={inputsError.password ? "warning" : ""}
-                    placeholder='Новый пароль'
+                  placeholder="Новый пароль"
-                    type={"password"}
+                  type={"password"}
-                    onChange={(e) => {
+                  onChange={(e) => {
-                      setInputsValue((prevValue) => ({
+                    setInputsValue((prevValue) => ({
-                        ...prevValue,
+                      ...prevValue,
-                        password: e.target.value,
+                      password: e.target.value,
-                      }));
+                    }));
-                      setInputsError((prevValue) => ({ ...prevValue, password: false }));
+                    setInputsError((prevValue) => ({
-                    }}
+                      ...prevValue,
-                    value={inputsValue.password}
+                      password: false,
+                    }));
+                  }}
+                  value={inputsValue.password}
                 />
-                {inputsError.password &&
+                {inputsError.password && (
-                    <span className='error'>Минимум 6 символов</span>
+                  <span className="error">Минимум 6 символов</span>
-                }
+                )}
               </div>
 
               <div className="settings__buttons">
                 <BaseButton styles={"settings__buttons-cancel"}>
                   Отмена
                 </BaseButton>
-                {loader ? <Loader style={"green"} width={'40px'} height={'40px'} /> :
+                {loader ? (
-                    <BaseButton onClick={setSettings} styles={"settings__buttons-save"}>
+                  <Loader style={"green"} width={"40px"} height={"40px"} />
-                      Сохранить
+                ) : (
-                    </BaseButton>
+                  <BaseButton
-                }
+                    onClick={setSettings}
+                    styles={"settings__buttons-save"}
+                  >
+                    Сохранить
+                  </BaseButton>
+                )}
               </div>
               <span className="settings__agreement">
                 Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и