From 7fdc220b0fbbc1c26c5f45e54223fb77f0c37515 Mon Sep 17 00:00:00 2001
From: huongg <huongg1409@gmail.com>
Date: Tue, 4 Jun 2024 14:33:10 +0100
Subject: [PATCH] un-comment the preview data section

Signed-off-by: huongg <huongg1409@gmail.com>
---
 src/components/shareable-url-modal/main-view/main-view.js  | 7 +++----
 src/components/shareable-url-modal/shareable-url-modal.js  | 1 +
 .../shareable-url-modal/shareable-url-modal.scss           | 4 ++++
 .../shareable-url-modal/success-view/success-view.js       | 2 +-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/shareable-url-modal/main-view/main-view.js b/src/components/shareable-url-modal/main-view/main-view.js
index d07f43476f..8bb31b89ea 100644
--- a/src/components/shareable-url-modal/main-view/main-view.js
+++ b/src/components/shareable-url-modal/main-view/main-view.js
@@ -7,7 +7,7 @@ import IconButton from '../../ui/icon-button';
 import InfoIcon from '../../icons/info';
 import Input from '../../ui/input';
 import MenuOption from '../../ui/menu-option';
-// import Toggle from '../../ui/toggle';
+import Toggle from '../../ui/toggle';
 import {
   hostingPlatforms,
   KEDRO_VIZ_PUBLISH_AWS_DOCS_URL,
@@ -39,8 +39,7 @@ const renderTextContent = (toggleValue, setTogleValue) => {
         </a>
         .
       </p>
-      {/* To be commented out until the preview disable is ready */}
-      {/* <h2 className="shareable-url-modal__content-description-title shareable-url-modal__content-description-title-disclaimer">
+      <h2 className="shareable-url-modal__content-description-title shareable-url-modal__content-description-title--disclaimer">
         Disclaimer{' '}
       </h2>
       <p className="shareable-url-modal__content-description">
@@ -55,7 +54,7 @@ const renderTextContent = (toggleValue, setTogleValue) => {
           checked={toggleValue}
           onChange={() => setTogleValue((prev) => !prev)}
         />
-      </div> */}
+      </div>
     </div>
   );
 };
diff --git a/src/components/shareable-url-modal/shareable-url-modal.js b/src/components/shareable-url-modal/shareable-url-modal.js
index 7e3dc5bd6c..92b9b0d362 100644
--- a/src/components/shareable-url-modal/shareable-url-modal.js
+++ b/src/components/shareable-url-modal/shareable-url-modal.js
@@ -124,6 +124,7 @@ const ShareableUrlModal = ({ onToggleModal, visible }) => {
   const handleSubmit = async () => {
     setDeploymentState('loading');
     setIsLoading(true);
+    setShowPublishedView(false);
 
     // this logic is here to test locally without publishing anything
     const hostingPlatformVal = {};
diff --git a/src/components/shareable-url-modal/shareable-url-modal.scss b/src/components/shareable-url-modal/shareable-url-modal.scss
index 6eef7a3dae..6a31f2e9a2 100644
--- a/src/components/shareable-url-modal/shareable-url-modal.scss
+++ b/src/components/shareable-url-modal/shareable-url-modal.scss
@@ -451,6 +451,10 @@
 
   .shareable-url-modal__result {
     width: 100%;
+
+    .url-box__result-url-wrapper {
+      width: 440px;
+    }
   }
 }
 
diff --git a/src/components/shareable-url-modal/success-view/success-view.js b/src/components/shareable-url-modal/success-view/success-view.js
index 309fad3c0b..e2217d2999 100644
--- a/src/components/shareable-url-modal/success-view/success-view.js
+++ b/src/components/shareable-url-modal/success-view/success-view.js
@@ -11,7 +11,7 @@ const SuccessView = ({
     <div className="shareable-url-modal__result">
       <UrlBox
         url={responseUrl}
-        onClick={onClick}
+        onCopyClick={onClick}
         href={handleResponseUrl}
         showCopiedText={showCopied}
       />