Skip to content

Commit

Permalink
Enable download button on front page of website
Browse files Browse the repository at this point in the history
This commit enables the download button on the front page of the website
and, when clicked, will redirect users to the latest release on GitHub.
  • Loading branch information
petergmurphy committed Sep 13, 2024
1 parent 8290b88 commit d469d72
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 21 deletions.
10 changes: 5 additions & 5 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
24 changes: 9 additions & 15 deletions src/app/page.tsx
Original file line number Diff line number Diff line change
@@ -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(() => {
Expand All @@ -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
Expand Down

0 comments on commit d469d72

Please sign in to comment.