From 62da9b93fd2ab6d7ff185ca1c92d1869e82a995d Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Wed, 22 May 2024 20:08:05 +0100
Subject: [PATCH] Hydrate .jsx button

---
 src/components/button/DownloadMuseHubButton.jsx |  2 ++
 src/components/homepage/HeroBanner.astro        | 10 +++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/button/DownloadMuseHubButton.jsx b/src/components/button/DownloadMuseHubButton.jsx
index 3b9c2dd..cdd0558 100644
--- a/src/components/button/DownloadMuseHubButton.jsx
+++ b/src/components/button/DownloadMuseHubButton.jsx
@@ -8,6 +8,7 @@ function DownloadMuseHubButton() {
 
   useEffect(() => {
     setBrowserOS(platform.os.family);
+    
   }, []);
 
   function handleButtonClick(href) {
@@ -24,6 +25,7 @@ function DownloadMuseHubButton() {
   }
 
   function renderButton(href) {
+  
     return (
       <a
         onClick={() => handleButtonClick(href)}
diff --git a/src/components/homepage/HeroBanner.astro b/src/components/homepage/HeroBanner.astro
index 356e8a0..9c201b8 100644
--- a/src/components/homepage/HeroBanner.astro
+++ b/src/components/homepage/HeroBanner.astro
@@ -16,13 +16,13 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
       </h1>
 
       <div class="flex flex-col md:w-fit gap-4 items-center md:items-start">
-        <DownloadMuseHubButton />
+        <DownloadMuseHubButton client:load />
         <noscript>
-          <DownloadMuseHubButton />
+          <DownloadMuseHubButton client:load />
         </noscript>
-        <DownloadButton />
+        <DownloadButton client:load />
         <noscript>
-          <DownloadButton />
+          <DownloadButton client:load />
         </noscript>
       </div>
     </div>
@@ -35,4 +35,4 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
       />
     </div>
   </div>
-</section>
\ No newline at end of file
+</section>