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

Mojang page tooltips

Browse Source
This commit is contained in:
Braydon 2024-04-22 01:47:03 -04:00
parent 8b31904095
commit eda3045cf4
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Frontend/src/app/(pages)/mojang/page.tsx
View File

@ -9,6 +9,8 @@ import {
MojangServerStatus, MojangServerStatus,
MojangServerStatusResponse, MojangServerStatusResponse,
} from "restfulmc-lib"; } from "restfulmc-lib";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
import SimpleTooltip from "@/components/simple-tooltip";
/** /**
* Page metadata. * Page metadata.
@ -62,14 +64,22 @@ const MojangStatusPage = async (): Promise<ReactElement> => {
<h1 className="pointer-events-none"> <h1 className="pointer-events-none">
{server.name} {server.name}
</h1> </h1>
<Link <SimpleTooltip content="Click to open">
href={server.endpoint} <Link
className="text-xs text-minecraft-green-3 hover:opacity-85 transition-all transform-gpu" href={server.endpoint}
rel="noopener noreferrer" className="text-xs text-minecraft-green-3 hover:opacity-85 transition-all transform-gpu"
target="_blank" rel="noopener noreferrer"
> target="_blank"
<code>{server.endpoint}</code> >
</Link> <code className="flex gap-1 items-center">
<span>{server.endpoint}</span>
<ArrowTopRightOnSquareIcon
width={16}
height={16}
/>
</code>
</Link>
</SimpleTooltip>
</div> </div>
{/* Status */} {/* Status */}