From 4d1cda8348010e7c0625ba9802cbaa94ca5f62a0 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 12 Apr 2025 14:51:13 +0100
Subject: [PATCH] fix: error when showing mii in submit form

---
 next.config.ts                           | 3 +++
 src/app/components/submit-form/index.tsx | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index 791beae..af06301 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -9,6 +9,9 @@ const nextConfig: NextConfig = {
 			{
 				hostname: "cdn.discordapp.com",
 			},
+			{
+				hostname: "studio.mii.nintendo.com",
+			},
 		],
 	},
 };
diff --git a/src/app/components/submit-form/index.tsx b/src/app/components/submit-form/index.tsx
index f650a8a..a1edc53 100644
--- a/src/app/components/submit-form/index.tsx
+++ b/src/app/components/submit-form/index.tsx
@@ -127,17 +127,18 @@ export default function SubmitForm() {
 		<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="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>}
 						<Image
 							src={studioUrl ?? "/missing.webp"}
 							width={128}
 							height={128}
+							quality={100}
 							alt="Nintendo Studio URL"
 							className="size-full rounded-xl text-[0px]"
 						/>
 					</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>}
 						<Image
 							src={generatedQrCodeUrl ?? "/missing.webp"}