From e0ec7c3f9502aad41d9921dcfcea93dfc2d840ec Mon Sep 17 00:00:00 2001
From: ryohidaka <39184410+ryohidaka@users.noreply.github.com>
Date: Tue, 25 Jul 2023 23:40:57 +0900
Subject: [PATCH] update: Fixed transition to support page using window.open()
 event
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 支援ページへwindow.open()イベントを用いて遷移するように修正
---
 src/popup/Popup.tsx | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/popup/Popup.tsx b/src/popup/Popup.tsx
index 8039c40..4ab9e9e 100644
--- a/src/popup/Popup.tsx
+++ b/src/popup/Popup.tsx
@@ -41,7 +41,13 @@ const Popup = () => {
     })
   }
 
-  const donationPageUrl = "https://pielotopica.booth.pm/items/4955538";
+  const openDonationPage = () => {
+    window.open(
+      "https://pielotopica.booth.pm/items/4955538",
+      "_blank",
+      "noreferrer"
+    );
+  };
   return (
     <>
       <AppBar position="static" sx={{ minWidth: 400 }}>
@@ -99,14 +105,18 @@ const Popup = () => {
           label={<Typography style={{ fontSize: 15 }}>Misskeyへの投稿にCWを設定する。</Typography>}          
         />
 
-        <Link
-          href={donationPageUrl}
-          target="_blank"
-          rel="noopener"
-          underline="hover"
-          sx={{ display: "block", mt: 2 }}
-        > 開発の支援をお願いします！ / Donation </Link>
-
+        <Typography
+          sx={{
+            display: "block",
+            color: "#1976d2",
+            mt: 2,
+            textDecoration: "none",
+            "&:hover": { textDecoration: "underline" },
+          }}
+          onClick={openDonationPage}
+        >
+          開発の支援をお願いします！ / Donation
+        </Typography>
       </Container>
 
     </>