Add rom name to hack action select button

This commit is contained in:
Jared Schoeny 2025-10-23 17:06:37 -10:00
parent 8855c2a2dd
commit 848a55dbd0
2 changed files with 10 additions and 2 deletions

View File

@ -172,6 +172,7 @@ const HackActions: React.FC<HackActionsProps> = ({
title={title}
version={version}
author={author}
baseRomName={baseRomName}
baseRomPlatform={platform}
onPatch={onPatch}
status={status}

View File

@ -4,10 +4,11 @@ import React from "react";
import { platformAccept } from "@/utils/idb";
import type { Platform } from "@/data/baseRoms";
export default function StickyActionBar({ title, version, author, baseRomPlatform, onPatch, status, error, isLinked, romReady, onClickLink, supported, onUploadChange }: {
export default function StickyActionBar({ title, version, author, baseRomName, baseRomPlatform, onPatch, status, error, isLinked, romReady, onClickLink, supported, onUploadChange }: {
title: string;
version?: string;
author: string;
baseRomName?: string | null;
baseRomPlatform?: Platform;
onPatch: () => void;
status: "idle" | "ready" | "patching" | "done" | "downloading";
@ -86,7 +87,13 @@ export default function StickyActionBar({ title, version, author, baseRomPlatfor
onClick={() => uploadInputRef.current?.click()}
className="w-5/6 mx-auto md:w-auto md:mx-0 rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2 text-foreground text-sm md:text-xs cursor-pointer hover:bg-[var(--surface-3)] hover:text-foreground/80 disabled:cursor-not-allowed disabled:opacity-60"
>
Select Base ROM
{baseRomName ? (
<span>Select <span className="font-bold">{baseRomName}</span> ROM</span>
) : baseRomPlatform ? (
<span>Select <span className="font-bold">{baseRomPlatform}</span> ROM</span>
) : (
<span>Select Base ROM</span>
)}
</button>
</label>
)}