Fix download buttons

Author: DilsonsPickles

src/components/button/DownloadButton.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import platform from "platform";
 import { audacityReleases } from "../../assets/js/releaseData";
+import { trackEvent } from "../../utils/matomo";
 
 function DownloadButton() {
   const [browserOS, setBrowserOS] = useState("");
@@ -11,13 +12,11 @@ function DownloadButton() {
 
   function handleButtonClick(href) {
     if (href !== "/download") {
-      if (typeof _paq !== "undefined") {
         trackEvent(
           "Download Button",
           "Download Muse Hub",
           `Download Muse Hub button ${platform.os.family}`
         );
-      }
     }
 
     setTimeout(() => {
@@ -30,6 +29,7 @@ function DownloadButton() {
       <a
         onClick={() => handleButtonClick(href)}
         className="text-white font-semibold hover:underline"
+        href={href}
       >
         Download without Muse Hub
       </a>

src/components/button/DownloadMuseHubButton.jsx

@@ -46,6 +46,7 @@ function DownloadMuseHubButton() {
       <a
         onClick={() => handleButtonClick(href)}
         className="flex py-3 px-4 gap-3 rounded-md justify-center bg-yellow-300 hover:bg-yellow-400 active:bg-yellow-500 w-fit"
+        href={href}
       >
         <span className="icon icon-import"></span>
         <p>