Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

feat(ssr): add tooltip to youtube button
All checks were successful
deploy / deploy (push) Successful in 1m12s
Details

Browse Source
This commit is contained in:
Lee 2023-11-16 10:21:08 +00:00
parent 925e423955
commit 65e8df76a2
1 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/player/score/Score.tsx
View File

@ -150,21 +150,28 @@ export default function Score({
<CopyBsrButton mapId={mapId} /> <CopyBsrButton mapId={mapId} />
</div> </div>
<div className="flex gap-1"> <div className="flex gap-1">
<Link <Tooltip>
href={`${songNameToYouTubeLink( <TooltipTrigger>
leaderboard.songName, <Link
leaderboard.songSubName, href={`${songNameToYouTubeLink(
leaderboard.songAuthorName, leaderboard.songName,
)}`} leaderboard.songSubName,
target="_blank" leaderboard.songAuthorName,
> )}`}
<Button target="_blank"
className="h-[30px] w-[30px] bg-neutral-700 p-1" >
variant={"secondary"} <Button
> className="h-[30px] w-[30px] bg-neutral-700 p-1"
<YouTubeLogo size={20} /> variant={"secondary"}
</Button> >
</Link> <YouTubeLogo size={20} />
</Button>
</Link>
</TooltipTrigger>
<TooltipContent>
<p>Click to view the song on YouTube</p>
</TooltipContent>
</Tooltip>
</div> </div>
</> </>
)} )}