From 9b7edb479382360aa8860777a3624913719b3277 Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Fri, 22 Dec 2023 11:34:00 +0300
Subject: [PATCH] Web: PortalSettings: fixed DocumentService styles

---
 .../integration/DocumentService/index.js      | 45 +++++++++----------
 .../DocumentService/index.styled.js           | 12 -----
 2 files changed, 20 insertions(+), 37 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.js b/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.js
index dd7d9d83e0..04c3ada4ae 100644
--- a/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.js
@@ -6,6 +6,7 @@ import { Link, Button, InputBlock, Label, Text } from "@docspace/components";
 import toastr from "@docspace/components/toast/toastr";
 import Loaders from "@docspace/common/components/Loaders";
 import { DeviceType } from "@docspace/common/constants";
+import SaveCancelButtons from "@docspace/components/save-cancel-buttons";
 
 const URL_REGEX = /^https?:\/\/[-a-zA-Z0-9@:%._\+~#=]{1,256}\/?$/;
 const DNS_PLACEHOLDER = `${window.location.protocol}//<docspace-dns-name>/`;
@@ -224,31 +225,25 @@ const DocumentService = ({
             </Text>
           </div>
         </div>
-        <div className="form-buttons">
-          <Button
-            onClick={onSubmit}
-            className="button"
-            primary
-            size={buttonSize}
-            label={t("Common:SaveButton")}
-            isDisabled={
-              isFormEmpty ||
-              isValuesInit ||
-              !allInputsValid ||
-              isSaveLoading ||
-              isResetLoading
-            }
-            isLoading={isSaveLoading}
-          />
-          <Button
-            onClick={onReset}
-            className="button"
-            size={buttonSize}
-            label={t("Common:Restore")}
-            isDisabled={isDefaultSettings || isSaveLoading || isResetLoading}
-            isLoading={isResetLoading}
-          />
-        </div>
+
+        <SaveCancelButtons
+          onSaveClick={onSubmit}
+          onCancelClick={onReset}
+          saveButtonLabel={t("Common:SaveButton")}
+          cancelButtonLabel={t("Common:Restore")}
+          saveButtonDisabled={
+            isFormEmpty ||
+            isValuesInit ||
+            !allInputsValid ||
+            isSaveLoading ||
+            isResetLoading
+          }
+          cancelButtonDisabled={
+            isDefaultSettings || isSaveLoading || isResetLoading
+          }
+          displaySettings={true}
+          isSaving={isSaveLoading || isResetLoading}
+        />
       </Styled.LocationForm>
     </Styled.Location>
   );
diff --git a/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.styled.js b/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.styled.js
index 9cfb754e81..83c2771865 100644
--- a/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.styled.js
+++ b/packages/client/src/pages/PortalSettings/categories/integration/DocumentService/index.styled.js
@@ -55,16 +55,4 @@ export const LocationForm = styled.form`
       color: ${(props) => props.theme.client.settings.common.descriptionColor};
     }
   }
-
-  .form-buttons {
-    display: flex;
-    flex-direction: row;
-    gap: 8px;
-
-    @media ${mobile} {
-      .button {
-        width: 100%;
-      }
-    }
-  }
 `;