From 8d812bada2d636f46dec07703fb81acb541e17cf Mon Sep 17 00:00:00 2001
From: Lukas Pistrol <lukas@pistrol.com>
Date: Thu, 19 Jan 2023 16:02:34 +0100
Subject: [PATCH] enable download button

---
 components/common/Button.jsx                   | 4 ++--
 components/common/Header.jsx                   | 4 +---
 components/pages/home/sections/HeroSection.jsx | 4 ++--
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/components/common/Button.jsx b/components/common/Button.jsx
index 23d3b50..e9b8c50 100644
--- a/components/common/Button.jsx
+++ b/components/common/Button.jsx
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-const Button = styled.button`
+const Button = styled.a`
   cursor: ${({ disabled }) => disabled ? `default` : `pointer`};
   display: inline-block;
   text-align: center;
@@ -16,7 +16,7 @@ const Button = styled.button`
   padding-top: 8px;
   padding-bottom: 8px;
   border-radius: 18px;
-  background: var(${({ disabled }) => disabled ? `--glyph-gray-tertiary` : `--fill-blue`});
+  background: var(${({ disabled }) => disabled ? `--glyph-gray-tertiary` : `--color-fill-blue`});
   color: #fff;
   border: 0;
   outline: 0;
diff --git a/components/common/Header.jsx b/components/common/Header.jsx
index 3046dd9..b702cfe 100644
--- a/components/common/Header.jsx
+++ b/components/common/Header.jsx
@@ -162,9 +162,7 @@ function Header() {
                 </label>
               </Action>
               <Action>
-                <a>
-                  <Button disabled compact>Download Coming Soon</Button>
-                </a>
+                <Button href="https://github.com/CodeEditApp/CodeEdit/releases/latest" target="_blank" compact>Download Alpha</Button>
               </Action>
             </Actions>
           </Menu>
diff --git a/components/pages/home/sections/HeroSection.jsx b/components/pages/home/sections/HeroSection.jsx
index f506300..812bc0f 100644
--- a/components/pages/home/sections/HeroSection.jsx
+++ b/components/pages/home/sections/HeroSection.jsx
@@ -41,8 +41,8 @@ const HeroSection = () => {
                   <Typography variant="intro-elevated" color="tertiary" gutterBottom>
                     CodeEdit is an exciting new code editor written entirely and unapologetically for macOS. Develop any project using any language at speeds like never before with increased efficiency and reliability in an editor that feels right at home on your Mac.
                   </Typography>
-                  <Button disabled>Download Coming Soon</Button>
-                  <Typography variant="body-reduced" color="tertiary">v0.0.1 | macOS 12+</Typography>
+                  <Button href="https://github.com/CodeEditApp/CodeEdit/releases/latest" target="_blank">Download Alpha</Button>
+                  <Typography variant="body-reduced" color="tertiary">0.0.1-alpha | macOS 12+</Typography>
                 </Stack>
               </Column>
             </Row>