From 58d7d5b94e5f74e4eb9429ab162dd10bb0f44e5d Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Thu, 15 Aug 2024 13:52:17 +0300
Subject: [PATCH] Client: Refactoring.

---
 .../components/panels/InvitePanel/index.js    | 62 ++++++++++---------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/packages/client/src/components/panels/InvitePanel/index.js b/packages/client/src/components/panels/InvitePanel/index.js
index da952601bc..65bd3b4148 100644
--- a/packages/client/src/components/panels/InvitePanel/index.js
+++ b/packages/client/src/components/panels/InvitePanel/index.js
@@ -268,6 +268,39 @@ const InvitePanel = ({
       defaultAccess: 1,
     });
   };
+
+  const getError = () => {
+    const paymentLink = (
+      <Trans
+        t={t}
+        i18nKey="ChangeUserPermissions"
+        ns="Common"
+        components={{
+          1: (
+            <ColorTheme
+              tag="a"
+              themeId={ThemeId.Link}
+              onClick={onClickPayments}
+              target="_blank"
+            />
+          ),
+        }}
+      />
+    );
+
+    return (
+      <>
+        <Text as="span">
+          {t("Common:PaidUsersExceedsLimit", {
+            count: maxCountManagersByQuota + invitePaidUsersCount,
+            limit: maxCountManagersByQuota,
+          })}
+        </Text>
+        &nbsp;
+        {!isRoomAdmin && paymentLink}
+      </>
+    );
+  };
   const onClickSend = async (e) => {
     const invitations = inviteItems.map((item) => {
       let newItem = {};
@@ -315,34 +348,7 @@ const InvitePanel = ({
       let error = err;
 
       if (err?.response?.status === 402) {
-        error = (
-          <>
-            <Text as="span">
-              {t("Common:PaidUsersExceedsLimit", {
-                count: maxCountManagersByQuota + invitePaidUsersCount,
-                limit: maxCountManagersByQuota,
-              })}
-            </Text>
-            &nbsp;
-            {!isRoomAdmin && (
-              <Trans
-                t={t}
-                i18nKey="ChangeUserPermissions"
-                ns="Common"
-                components={{
-                  1: (
-                    <ColorTheme
-                      tag="a"
-                      themeId={ThemeId.Link}
-                      onClick={onClickPayments}
-                      target="_blank"
-                    />
-                  ),
-                }}
-              />
-            )}
-          </>
-        );
+        error = getError();
       }
 
       toastr.error(error);