From c542947fa357db24f5dbe8b6ff93220c249d276d Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Tue, 6 Aug 2024 18:03:45 +0800
Subject: [PATCH] Made a couple of actions work

---
 .../app/components/modal-publish-flow.hbs     | 19 ++++++++----------
 .../app/components/modal-publish-flow.js      | 20 ++++++++++++++++++-
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/ghost/admin/app/components/modal-publish-flow.hbs b/ghost/admin/app/components/modal-publish-flow.hbs
index 34a28a146b..dda99f1ce5 100644
--- a/ghost/admin/app/components/modal-publish-flow.hbs
+++ b/ghost/admin/app/components/modal-publish-flow.hbs
@@ -106,7 +106,7 @@
         </button>
         <GhTaskButton
             @buttonText="Copy link"
-            @task={{this.handleCopyClick}}
+            @task={{this.handleCopyLink}}
             @successText="Link copied"
             @class="gh-btn gh-btn-primary gh-btn-icon" />
     {{else}}
@@ -124,26 +124,23 @@
                 <button
                     class="gh-btn"
                     type="button"
-                    {{!-- {{on "click" this.close}} --}}
+                    {{on "click" this.viewInBrowser}}
                     {{on "mousedown" (optional this.noop)}}
                 >
                     <span>View in browser</span>
                 </button>
             {{/if}}
         {{else}}
-            <button
-                class="gh-btn"
-                type="button"
-                {{!-- {{on "click" this.close}} --}}
-                {{on "mousedown" (optional this.noop)}}
-            >
-                <span>Copy preview link</span>
-            </button>
+            <GhTaskButton
+                @buttonText="Copy preview link"
+                @task={{this.handleCopyPreviewLink}}
+                @successText="Link copied"
+                @class="gh-btn gh-btn-icon" />
         {{/if}}
         <button
             class="gh-btn gh-btn-primary"
             type="button"
-            {{!-- {{on "click" this.close}} --}}
+            {{on "click" this.close}}
             {{on "mousedown" (optional this.noop)}}
         >
             <span>OK</span>
diff --git a/ghost/admin/app/components/modal-publish-flow.js b/ghost/admin/app/components/modal-publish-flow.js
index 3f8a758c54..39965b956f 100644
--- a/ghost/admin/app/components/modal-publish-flow.js
+++ b/ghost/admin/app/components/modal-publish-flow.js
@@ -37,10 +37,28 @@ export default class ModalPublishFlow extends ModalComponent {
         window.open(`http://www.linkedin.com/shareArticle?mini=true&url=${encodeURI(this.post.url)}`, '_blank');
     }
 
+    @action
+    viewInBrowser() {
+        window.open(this.post.url, '_blank');
+    }
+
+    @action
+    close(event) {
+        event?.preventDefault?.();
+        this.closeModal();
+    }
+
     @task
-    *handleCopyClick() {
+    *handleCopyLink() {
         copyTextToClipboard(this.post.url);
         yield timeout(1000);
         return true;
     }
+
+    @task
+    *handleCopyPreviewLink() {
+        copyTextToClipboard(this.post.previewUrl);
+        yield timeout(1000);
+        return true;
+    }
 }