From d0fe60067a9b586710c8cb5549b1523cc9abb430 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Tue, 21 Apr 2026 14:51:16 +0100
Subject: [PATCH] fix: admin page mii images not showing

---
 backend/src/app/admin/page.tsx            |  3 +--
 backend/src/components/admin/mii-grid.tsx | 12 ++++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/backend/src/app/admin/page.tsx b/backend/src/app/admin/page.tsx
index fa60504..b8ce066 100644
--- a/backend/src/app/admin/page.tsx
+++ b/backend/src/app/admin/page.tsx
@@ -5,11 +5,10 @@ import { auth } from "@/lib/auth";
 
 import BannerForm from "@/components/admin/banner-form";
 // import ControlCenter from "@/components/admin/control-center";
-import RegenerateImagesButton from "@/components/admin/regenerate-images";
+// import RegenerateImagesButton from "@/components/admin/regenerate-images";
 import UserManagement from "@/components/admin/user-management";
 import Reports from "@/components/admin/reports";
 import MiiList from "@/components/admin/mii-list";
-// import MiiList from "@/components/mii/list";
 
 export const metadata: Metadata = {
 	title: "Admin - TomodachiShare",
diff --git a/backend/src/components/admin/mii-grid.tsx b/backend/src/components/admin/mii-grid.tsx
index 5bf31ec..682098b 100644
--- a/backend/src/components/admin/mii-grid.tsx
+++ b/backend/src/components/admin/mii-grid.tsx
@@ -17,12 +17,10 @@ export default function MiiGrid({ miis, totalCount, lastPage }: Props) {
 
 	const acceptMii = async (id: number) => {
 		await fetch(`/api/admin/accept-mii?id=${id}`, { method: "POST" });
-		router.refresh();
 	};
 
 	const acceptMany = async (ids: number[]) => {
 		await Promise.all(ids.map((id) => fetch(`/api/admin/accept-mii?id=${id}`, { method: "POST" })));
-		router.refresh();
 	};
 
 	const rows: (typeof miis)[] = [];
@@ -69,6 +67,16 @@ export default function MiiGrid({ miis, totalCount, lastPage }: Props) {
 										</div>
 									)}
 
+									<div className="grid grid-cols-2 gap-1 rounded-xl bg-zinc-200">
+										{[
+											`/mii/${mii.id}/image?type=mii`,
+											mii.platform === "THREE_DS" ? `/mii/${mii.id}/image?type=qr-code` : `/mii/${mii.id}/image?type=features`,
+											...Array.from({ length: mii.imageCount }, (_, i) => `/mii/${mii.id}/image?type=image${i}`),
+										].map((src, i) => (
+											<img key={i} src={src} alt="mii image" className="w-full bg-zinc-200" />
+										))}
+									</div>
+
 									<div className="p-4 flex flex-col gap-1 h-full">
 										<div className="flex justify-between items-center">
 											<Link