From 4a09f4c56265ce0b943c856f65406894a3ba44e0 Mon Sep 17 00:00:00 2001
From: Timofey Boyko <timofey.boyko@onlyoffice.com>
Date: Thu, 23 Nov 2023 11:27:40 +0300
Subject: [PATCH] Client:OAuth2:PreviewDialog: add authorize link as separate
 block

---
 .../OAuth/sub-components/PreviewDialog.tsx    | 54 ++++++++++++-------
 1 file changed, 36 insertions(+), 18 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/PreviewDialog.tsx b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/PreviewDialog.tsx
index 46a3e4222d..d9cbbe106f 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/PreviewDialog.tsx
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/PreviewDialog.tsx
@@ -281,25 +281,43 @@ const PreviewDialog = ({
                 value={scriptBlock}
               />
             </div>
+            <div className="block-container">
+              {/* @ts-ignore */}
+              <Text
+                fontWeight={600}
+                lineHeight={"20px"}
+                fontSize={"13px"}
+                noSelect
+              >
+                Authorize link
+              </Text>
+              <Textarea
+                heightTextArea={64}
+                enableCopy
+                isReadOnly
+                isDisabled
+                value={link}
+              />
+            </div>
+            <div className="block-container">
+              {/* @ts-ignore */}
+              <Text
+                fontWeight={600}
+                lineHeight={"20px"}
+                fontSize={"13px"}
+                noSelect
+              >
+                Code verifier
+              </Text>
+              <Textarea
+                heightTextArea={64}
+                enableCopy
+                isReadOnly
+                isDisabled
+                value={codeVerifier}
+              />
+            </div>
           </StyledBlocksContainer>
-          <div className="block-container">
-            {/* @ts-ignore */}
-            <Text
-              fontWeight={600}
-              lineHeight={"20px"}
-              fontSize={"13px"}
-              noSelect
-            >
-              Code verifier
-            </Text>
-            <Textarea
-              heightTextArea={64}
-              enableCopy
-              isReadOnly
-              isDisabled
-              value={codeVerifier}
-            />
-          </div>
         </StyledContainer>
       </ModalDialog.Body>
       <ModalDialog.Footer>