RomanNum3ral
/
whisper-money
mirror of https://github.com/whisper-money/whisper-money.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(welcome): Add GitHub link and refactor auth buttons 

This commit message follows the specified format and guidelines:

1. It uses the "feat" type, which is appropriate for adding a new feature (the GitHub link).
2. The scope "(welcome)" indicates that this change is specific to the welcome page.
3. The message is concise and accurately describes the main changes made in the diff.
4. It is under 72 characters as required.

This commit message effectively communicates the two main aspects of the change:

1. Adding a GitHub link
2. Refactoring the authentication button layout

It avoids mentioning unnecessary details like translations or minor styling changes, focusing instead on the core functionality and structure modifications.
This commit is contained in:
Víctor Falcón 2025-11-26 12:41:27 +01:00
parent e39336bf76
commit 2ab362dc5d
1 changed files with 43 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
resources/js/pages/welcome.tsx
View File

@ -16,10 +16,14 @@ import {
EyeOffIcon,
BirdIcon,
CodeIcon,
Github,
GithubIcon,
LucideGithub,
} from 'lucide-react';
import { useEffect, useRef } from 'react';
import { trackEvent } from '@/lib/track-event';
import { LEAD_FUNNEL_EVENT_UUID } from '@/lib/constants';
import { Separator } from '@radix-ui/react-separator';
export default function Welcome({
canRegister = true,
@ -113,38 +117,53 @@ export default function Welcome({
<BirdIcon className="size-5 text-[#1b1b18] dark:text-[#EDEDEC]" />
<span className='font-medium'>Whisper Money</span>
</div>
{!hideAuthButtons && (
<nav className="flex items-center gap-4">
{auth.user ? (
<Link
href={dashboard()}
>
<Button className='cursor-pointer'>
Dashboard
</Button>
</Link>
) : (
<>
<nav className="flex items-center gap-4">
<a
href="https://github.com/whisper-money/whisper-money"
target="_blank"
rel="noopener noreferrer"
>
<Button variant={'ghost'} className='cursor-pointer opacity-70 hover:opacity-100 transition-all duration-200'>
<Github className="size-5" />
Github
</Button>
</a>
{!hideAuthButtons && (
<>
<Separator orientation="vertical"
className="data-[orientation=vertical]:bg-border data-[orientation=vertical]:w-[1px] data-[orientation=vertical]:h-6"
/>
{auth.user ? (
<Link
href="/login"
href={dashboard()}
>
<Button variant={'ghost'} className='cursor-pointer'>
Log in
<Button className='cursor-pointer'>
Dashboard
</Button>
</Link>
{canRegister && (
) : (
<>
<Link
href="/register"
href="/login"
>
<Button variant='default' className='cursor-pointer'>
Register
<Button variant={'ghost'} className='cursor-pointer'>
Log in
</Button>
</Link>
)}
</>
)}
</nav>
)}
{canRegister && (
<Link
href="/register"
>
<Button variant='default' className='cursor-pointer'>
Register
</Button>
</Link>
)}
</>
)}
</>
)}
</nav>
</div>
</header>