From dc8abb2392220416237028ea664171710bd2ae36 Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Thu, 6 Apr 2023 17:25:15 +0300
Subject: [PATCH] Web: PortalSettings: Payments: Added disable button for free
 tariff.

---
 .../UpdatePlanButtonContainer.js              | 24 +++++++++----------
 packages/client/src/store/PaymentStore.js     |  9 +++++++
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/payments/sub-components/UpdatePlanButtonContainer.js b/packages/client/src/pages/PortalSettings/categories/payments/sub-components/UpdatePlanButtonContainer.js
index 943d61daf1..27935affaf 100644
--- a/packages/client/src/pages/PortalSettings/categories/payments/sub-components/UpdatePlanButtonContainer.js
+++ b/packages/client/src/pages/PortalSettings/categories/payments/sub-components/UpdatePlanButtonContainer.js
@@ -30,8 +30,9 @@ const UpdatePlanButtonContainer = ({
   isLessCountThanAcceptable,
   currentTariffPlanTitle,
   t,
+  canPayTariff,
 }) => {
-  const updateMethod = async () => {
+  const onUpdateTariff = async () => {
     try {
       timerId = setTimeout(() => {
         setIsLoading(true);
@@ -105,12 +106,7 @@ const UpdatePlanButtonContainer = ({
     }, 2000);
   };
 
-  const onUpdateTariff = () => {
-    if (isAlreadyPaid) {
-      updateMethod();
-      return;
-    }
-
+  const goToStripePortal = () => {
     paymentLink
       ? window.open(paymentLink, "_blank")
       : toastr.error(t("ErrorNotification"));
@@ -126,18 +122,20 @@ const UpdatePlanButtonContainer = ({
     };
   }, []);
 
-  const switchPlanButton = (
+  const payTariffButton = (
     <Button
       label={t("UpgradeNow")}
       size={"medium"}
       primary
-      isDisabled={isLessCountThanAcceptable || isLoading || isDisabled}
-      onClick={onUpdateTariff}
+      isDisabled={
+        isLessCountThanAcceptable || !canPayTariff || isLoading || isDisabled
+      }
+      onClick={goToStripePortal}
       isLoading={isLoading}
     />
   );
 
-  const updatingPlanButton = () => {
+  const updatingCurrentTariffButton = () => {
     const isDowngradePlan = managersCount < maxCountManagersByQuota;
     const isTheSameCount = managersCount === maxCountManagersByQuota;
 
@@ -163,7 +161,7 @@ const UpdatePlanButtonContainer = ({
 
   return (
     <StyledBody>
-      {isAlreadyPaid ? updatingPlanButton() : switchPlanButton}
+      {isAlreadyPaid ? updatingCurrentTariffButton() : payTariffButton}
     </StyledBody>
   );
 };
@@ -187,9 +185,11 @@ export default inject(({ auth, payments }) => {
     isLessCountThanAcceptable,
     accountLink,
     isAlreadyPaid,
+    canPayTariff,
   } = payments;
 
   return {
+    canPayTariff,
     isAlreadyPaid,
     setIsLoading,
     paymentLink,
diff --git a/packages/client/src/store/PaymentStore.js b/packages/client/src/store/PaymentStore.js
index 7aabc52087..cb5d44f07e 100644
--- a/packages/client/src/store/PaymentStore.js
+++ b/packages/client/src/store/PaymentStore.js
@@ -305,6 +305,15 @@ class PaymentStore {
     return this.isPayer;
   }
 
+  get canPayTariff() {
+    const { currentQuotaStore } = authStore;
+    const { addedManagersCount } = currentQuotaStore;
+
+    if (this.managersCount >= addedManagersCount) return true;
+
+    return false;
+  }
+
   setRangeStepByQuota = () => {
     const { paymentQuotasStore } = authStore;
     const {