Rainnny/RESTfulMC
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Wiki Activity

Add recommendation tooltips

Browse Source
This commit is contained in:
Braydon 2024-04-22 01:04:06 -04:00
parent f021eb4809
commit 3c912a4591
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Frontend/src/app/components/server/server-recommendations.tsx
View File

@ -5,6 +5,8 @@ import { ServerPlatform } from "restfulmc-lib";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import SimpleTooltip from "@/components/simple-tooltip";
import { capitalize } from "@/lib/string-utils";
/** /**
* The recommendations for a server. * The recommendations for a server.
@ -45,6 +47,9 @@ const ServerRecommendations = (): ReactElement => (
index: number index: number
): ReactElement => ( ): ReactElement => (
<Link key={index} href={`/server/${platform}/${hostname}`}> <Link key={index} href={`/server/${platform}/${hostname}`}>
<SimpleTooltip
content={`Click to test ${capitalize(platform)} server`}
>
<Button <Button
className="px-10 flex gap-2.5 font-semibold hover:opacity-85 transition-all transform-gpu" className="px-10 flex gap-2.5 font-semibold hover:opacity-85 transition-all transform-gpu"
variant="outline" variant="outline"
@ -57,6 +62,7 @@ const ServerRecommendations = (): ReactElement => (
/> />
<span>{hostname}</span> <span>{hostname}</span>
</Button> </Button>
</SimpleTooltip>
</Link> </Link>
) )
)} )}