From 75816dc35a111a578387aff6998d6fe3c4cb621a Mon Sep 17 00:00:00 2001
From: Sesh Sadasivam <seshrs@umich.edu>
Date: Sat, 30 Dec 2023 00:33:15 +0000
Subject: [PATCH] Add link to music

---
 .../plugins/april_fools_star_wars.plugin.tsx         | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src_js/conditional_plugins/plugins/april_fools_star_wars.plugin.tsx b/src_js/conditional_plugins/plugins/april_fools_star_wars.plugin.tsx
index f06a330..119a928 100644
--- a/src_js/conditional_plugins/plugins/april_fools_star_wars.plugin.tsx
+++ b/src_js/conditional_plugins/plugins/april_fools_star_wars.plugin.tsx
@@ -229,6 +229,16 @@ function Topbar() {
         faClass="pause"
         onClick={toggleAutoScroll}
       />
+      <Button
+        id={AUTO_SCROLL_BTN_ID}
+        faClass="music"
+        onClick={() => {
+          window.open(
+            'https://youtu.be/MNMSAIG0dfQ?si=XY4mCjSpwFRswqaA',
+            '_blank',
+          );
+        }}
+      />
     </div>
   );
 }
@@ -236,7 +246,7 @@ function Topbar() {
 function Button(props: { id?: string; faClass: string; onClick: () => void }) {
   const { id, faClass, onClick } = props;
   return (
-    <span id={id} class="primer-spec-hoverable ">
+    <span id={id} class="primer-spec-hoverable" style="margin-left: 30px;">
       <button
         class="btn-link primer-spec-hoverable no-print"
         aria-label="Pause auto-scroll"