diff --git a/src/app/components/rediect-button.tsx b/src/app/components/href-button.tsx similarity index 85% rename from src/app/components/rediect-button.tsx rename to src/app/components/href-button.tsx index 5c47f5b..e748239 100644 --- a/src/app/components/rediect-button.tsx +++ b/src/app/components/href-button.tsx @@ -19,7 +19,7 @@ type ButtonProps = { openInNewTab?: boolean; }; -export function RedirectButton({ title, url, openInNewTab }: ButtonProps): ReactElement { +export function HrefButton({ title, url, openInNewTab }: ButtonProps): ReactElement { return (
diff --git a/src/app/components/player/skin-part-image.tsx b/src/app/components/player/skin-part-image.tsx new file mode 100644 index 0000000..2f2e938 --- /dev/null +++ b/src/app/components/player/skin-part-image.tsx @@ -0,0 +1,58 @@ +/* eslint-disable @next/next/no-img-element */ +import { capitalizeFirstLetter } from "@/common/string-utils"; +import { SkinPart } from "mcutils-library"; +import Link from "next/link"; +import { ReactElement } from "react"; +import { Button } from "../ui/button"; +import { + Dialog, + DialogContent, + DialogDescription, + DialogFooter, + DialogHeader, + DialogTitle, + DialogTrigger, +} from "../ui/dialog"; + +type SkinPartImageProps = { + /** + * The player's name. + */ + playerName: string; + + /** + * The skin part. + */ + part: SkinPart; + + /** + * The URL to the skin part. + */ + url: string; +}; + +export function SkinPartImage({ playerName, part, url }: SkinPartImageProps): ReactElement { + return ( + + ); +}