fix: блокировать сабмит кнопок форм в процессе обмена данных с сервером

README.md

@@ -39,7 +39,6 @@
 
 ## Планы по доработке
 - оптимизирование валидации форм (усовершенствование также контроля ввода данных пользователем в поля формы)
-- сохранение валидного CSS-стиля кнопки в процессе обмена данными с сервером (актуально для модальных окон обновления аватара и добавления новой карточки)
 - добавление периодического автоматического обновления галереи карточек
 - добавление функции сабмита форм нажатием на клавишу "Enter" (в настоящий момент работает только в случае клика пользоватем по полю формы)
 

src/components/PopupWithForm/PopupWithForm.js

@@ -19,7 +19,7 @@ export default function PopupWithForm({ popupData, ...props }) {
         <h3 className="popup__title">{popupData.title}</h3>
         <form name={popupData.formName} className={`popup__form ${popupData.classSelectorModifierForm}`} noValidate onSubmit={props.onSubmit} >
           {props.children}
-          <button type="submit" className={`popup__submit-button ${popupData.isPopupValid === false && 'popup__submit-button_disabled'} ${popupData.classSelectorModifierSubmitBtn}`} disabled={popupData.isPopupValid === false}>
+          <button type="submit" className={`popup__submit-button ${popupData.isPopupValid === false && 'popup__submit-button_disabled'} ${popupData.classSelectorModifierSubmitBtn}`} disabled={popupData.isPopupValid === false || isProcessLoading}>
             {handleBtnText()}
           </button>
         </form>