From 8362672aaa8dcdb6d8a640f643f755b494390c28 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 18 Apr 2023 23:02:38 +0100
Subject: [PATCH] feat: share to twitter button in publish buttons

---
 src/components/dashboard/PublishButton.tsx | 25 ++++++++++++++++------
 src/pages/dashboard/[subdomain]/editor.tsx |  9 ++++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/components/dashboard/PublishButton.tsx b/src/components/dashboard/PublishButton.tsx
index b2045b73..b832350e 100644
--- a/src/components/dashboard/PublishButton.tsx
+++ b/src/components/dashboard/PublishButton.tsx
@@ -9,7 +9,8 @@ export const PublishButton: React.FC<{
   published: boolean
   isSaving: boolean
   isDisabled: boolean
-}> = ({ save, published, isSaving, isDisabled }) => {
+  twitterShareUrl?: string
+}> = ({ save, published, isSaving, isDisabled, twitterShareUrl }) => {
   const [showDropdown, setShowDropdown] = useState(false)
   const dropdownRef = useRef<HTMLDivElement | null>(null)
   const triggerRef = useRef<HTMLButtonElement | null>(null)
@@ -58,12 +59,22 @@ export const PublishButton: React.FC<{
         <div className="absolute right-0 min-w-[200px] pt-2" ref={dropdownRef}>
           <div className="bg-white py-2 rounded-lg shadow-modal">
             {published && (
-              <button
-                className="flex w-full h-8 hover:bg-zinc-100 items-center px-5"
-                onClick={() => save(false)}
-              >
-                {t("Delete")}
-              </button>
+              <div>
+                <button
+                  className="flex w-full h-8 hover:bg-zinc-100 items-center px-5"
+                  onClick={() => window.open(twitterShareUrl)}
+                >
+                  <i className="i-mingcute:twitter-line mr-1"></i>
+                  {t("Share to Twitter")}
+                </button>
+                <button
+                  className="flex w-full h-8 hover:bg-zinc-100 items-center px-5"
+                  onClick={() => save(false)}
+                >
+                  <i className="i-mingcute:delete-2-line mr-1"></i>
+                  {t("Delete")}
+                </button>
+              </div>
             )}
           </div>
         </div>
diff --git a/src/pages/dashboard/[subdomain]/editor.tsx b/src/pages/dashboard/[subdomain]/editor.tsx
index b9ada64e..68156cb5 100644
--- a/src/pages/dashboard/[subdomain]/editor.tsx
+++ b/src/pages/dashboard/[subdomain]/editor.tsx
@@ -655,6 +655,15 @@ export default function SubdomainEditor() {
                   </Button>
                   <PublishButton
                     save={savePage}
+                    twitterShareUrl={
+                      page.data && site.data
+                        ? getTwitterShareUrl({
+                            page: page.data,
+                            site: site.data,
+                            t,
+                          })
+                        : ""
+                    }
                     published={visibility !== PageVisibilityEnum.Draft}
                     isSaving={createOrUpdatePage.isLoading}
                     isDisabled={