lv5に飛べるボタン追加

Author: MokeMoke13151105

src/background.ts

@@ -2,6 +2,14 @@ chrome.runtime.onInstalled.addListener(() => {
   console.log("拡張機能がインストールされました！");
 });
 
+chrome.runtime.onMessage.addListener((msg) => {
+  if (msg.type === "OPEN_BOOKING") {
+    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+      chrome.tabs.update(tabs[0].id, { url: msg.url });
+    });
+  }
+});
+
 
 const targetURL = 'https://browser-hack.utcode.net/'
 function isTargetPage(url?: string): boolean {

src/sidepanel/App.tsx

@@ -180,7 +180,15 @@ function App() {
           <h2>最後のミッション</h2>
           <p>今までの知識を使って、予約サイトでチケットを先に予約しよう！</p>
           <br></br>
-          <a href="https://browser-hack.utcode.net/reservation/">挑戦する</a>
+          <button
+             onClick={() => {
+               chrome.runtime.sendMessage({
+                 type: "OPEN_BOOKING",
+                  url: "https://browser-hack.utcode.net/reservation/"
+                });
+              }}>
+              挑戦する
+              </button>
           <br></br>
           <p>上のリンクを押して、とあるイベントの予約サイトに侵入し、一足先にチケットを予約しよう。</p>
         </div>