Merge pull request #6 from spotlightify/enable_download_button

Enable download button on front page of website

package.json

@@ -16,7 +16,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "geist": "^1.3.0",
-    "lucide-react": "^0.371.0",
+    "lucide-react": "^0.441.0",
     "next": "14.1.1",
     "react": "^18",
     "react-dom": "^18",

src/app/page.tsx

@@ -1,13 +1,12 @@
 'use client'
 
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect } from 'react';
 import { DownloadIcon, GitHubLogoIcon } from "@radix-ui/react-icons"
 import Branding from "@/components/ui/branding";
 import { Button } from '@/components/ui/button';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 
 const GitHubLink = "https://github.com/spotlightify/spotlightify/";
-const DownloadLink = GitHubLink + "releases";
+const DownloadLink = GitHubLink + "releases/latest";
 
 export default function Home() {
   useEffect(() => {
@@ -19,18 +18,13 @@ export default function Home() {
     <div className='flex gap-10 flex-col mt-14'>
       <Branding className='fade-up-1' />
       <div className='flex gap-5 justify-center fade-up-2'>
-        <TooltipProvider>
-          <Tooltip delayDuration={0}>
-            <TooltipTrigger asChild>
-              <div>
-                <Button disabled className='bg-green-500'><DownloadIcon className="mr-2 h-4 w-4" />Download</Button>
-              </div>
-            </TooltipTrigger>
-            <TooltipContent>
-              <p>Coming soon</p>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
+        <div>
+          <Button className='bg-green-500' asChild>
+            <a href={DownloadLink}>
+              <DownloadIcon className="mr-2 h-4 w-4" />Download Beta
+            </a>
+          </Button>
+        </div>
         <Button asChild>
           <a href={GitHubLink}>
             <GitHubLogoIcon className="mr-2 h-4 w-4" />Github