trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: error when showing mii in submit form

Browse source
This commit is contained in:
trafficlunar 2025-04-12 14:51:13 +01:00
parent 38356cf2f9
commit 4d1cda8348
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
next.config.ts
View file

@ -9,6 +9,9 @@ const nextConfig: NextConfig = {
{ {
hostname: "cdn.discordapp.com", hostname: "cdn.discordapp.com",
}, },
{
hostname: "studio.mii.nintendo.com",
},
], ],
}, },
}; };

5
src/app/components/submit-form/index.tsx
View file

@ -127,17 +127,18 @@ export default function SubmitForm() {
<form onSubmit={handleSubmit} className="grid grid-cols-2 max-md:grid-cols-1"> <form onSubmit={handleSubmit} className="grid grid-cols-2 max-md:grid-cols-1">
<div className="p-4 flex flex-col gap-2 max-md:order-2"> <div className="p-4 flex flex-col gap-2 max-md:order-2">
<div className="flex justify-center gap-2"> <div className="flex justify-center gap-2">
<div className="relative flex justify-center items-center size-32 aspect-square bg-orange-100 rounded-xl border-2 border-amber-500"> <div className="relative flex justify-center items-center size-33 aspect-square bg-orange-100 rounded-xl border-2 border-amber-500">
{!studioUrl && <span className="absolute text-center font-light">Mii</span>} {!studioUrl && <span className="absolute text-center font-light">Mii</span>}
<Image <Image
src={studioUrl ?? "/missing.webp"} src={studioUrl ?? "/missing.webp"}
width={128} width={128}
height={128} height={128}
quality={100}
alt="Nintendo Studio URL" alt="Nintendo Studio URL"
className="size-full rounded-xl text-[0px]" className="size-full rounded-xl text-[0px]"
/> />
</div> </div>
<div className="relative flex justify-center items-center size-32 aspect-square bg-orange-100 rounded-xl border-2 border-amber-500"> <div className="relative flex justify-center items-center size-33 aspect-square bg-orange-100 rounded-xl border-2 border-amber-500">
{!generatedQrCodeUrl && <span className="absolute text-center font-light">QR Code</span>} {!generatedQrCodeUrl && <span className="absolute text-center font-light">QR Code</span>}
<Image <Image
src={generatedQrCodeUrl ?? "/missing.webp"} src={generatedQrCodeUrl ?? "/missing.webp"}