Rename MuseHub download button

Author: DilsonsPickles

…nents/button/AudacityInstallerButton.jsx …button/PlatformDownloadMuseHubButton.jsxsrc/components/button/AudacityInstallerButton.jsx renamed to src/components/button/PlatformDownloadMuseHubButton.jsx src/components/button/AudacityInstallerButton.jsx renamed to src/components/button/PlatformDownloadMuseHubButton.jsx

@@ -1,13 +1,23 @@
 import React from "react";
 
-function AudacityInstallerButton(props) {
+function PlatformDownloadMuseHubButton(props) {
   const { museHubReleaseData } = props;
+
   function onClickButtonHandler() {
+    if (typeof _paq !== "undefined") {
+      _paq.push([
+        "trackEvent",
+        "Download Button",
+        "Download Muse Hub",
+        `Download Muse Hub button ${OS}`,
+      ]);
+    }
+
     setTimeout(() => {
-        window.location.href = "/post-download";
-      }, 2000);
+      window.location.href = "/post-download";
+    }, 2000);
   }
-  
+
   return (
     <a
       onClick={onClickButtonHandler}
@@ -19,4 +29,4 @@ function AudacityInstallerButton(props) {
   );
 }
 
-export default AudacityInstallerButton;
+export default PlatformDownloadMuseHubButton;

src/layouts/DownloadPageLayout.astro

@@ -2,7 +2,7 @@
 import BaseLayout from "./BaseLayout.astro";
 import DownloadCard from "../components/card/DownloadCard";
 import IconLinkCard from "../components/card/IconLinkCard";
-import AudacityInstallerButton from "../components/button/AudacityInstallerButton";
+import PlatformDownloadMuseHubButton from "../components/button/PlatformDownloadMuseHubButton";
 import { Icon } from "astro-icon";
 import "../styles/icons.css";
 import {
@@ -69,7 +69,11 @@ const {
                 <p>via Muse Hub</p>
               </div>
 
-              <AudacityInstallerButton client:load museHubReleaseData={museHubReleaseData} />
+              <PlatformDownloadMuseHubButton
+                client:load
+                museHubReleaseData={museHubReleaseData}
+                OS={OS}
+              />
             </div>
           </div>
         </section>