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