From 779e5550a3bcf5c58e2c898766df932329a296ed Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sun, 24 Aug 2025 20:02:42 +0100
Subject: [PATCH] refactor: move offscreen metadata images from index to mii
 page

---
 src/app/mii/[id]/page.tsx         | 12 ++++++++++++
 src/components/mii-list/index.tsx | 12 ------------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/mii/[id]/page.tsx b/src/app/mii/[id]/page.tsx
index 4bbbfbc..ea6a8f6 100644
--- a/src/app/mii/[id]/page.tsx
+++ b/src/app/mii/[id]/page.tsx
@@ -1,4 +1,5 @@
 import { Metadata } from "next";
+import Image from "next/image";
 import Link from "next/link";
 import { redirect } from "next/navigation";
 
@@ -262,6 +263,17 @@ export default async function MiiPage({ params }: Props) {
 					)}
 				</div>
 			</div>
+
+			{/* Offscreen metadata image for search engines; hidden from users */}
+			<Image
+				src={`/mii/${mii.id}/image?type=metadata`}
+				alt={`${mii.name}, a ${mii.gender ? mii.gender.toLowerCase() : ""} Mii ${mii.tags.length ? ` with tags: ${mii.tags.join(", ")}` : ""}`}
+				loading="lazy"
+				unoptimized
+				width={1}
+				height={1}
+				className="absolute left-[-999999]"
+			/>
 		</div>
 	);
 }
diff --git a/src/components/mii-list/index.tsx b/src/components/mii-list/index.tsx
index bb71de9..9a98733 100644
--- a/src/components/mii-list/index.tsx
+++ b/src/components/mii-list/index.tsx
@@ -17,7 +17,6 @@ import Carousel from "../carousel";
 import LikeButton from "../like-button";
 import DeleteMiiButton from "../delete-mii";
 import Pagination from "./pagination";
-import Image from "next/image";
 
 interface Props {
 	searchParams: { [key: string]: string | string[] | undefined };
@@ -254,17 +253,6 @@ export default async function MiiList({ searchParams, userId, inLikesPage }: Pro
 								)}
 							</div>
 						</div>
-
-						{/* Offscreen metadata image for search engines; hidden from users */}
-						<Image
-							src={`/mii/${mii.id}/image?type=metadata`}
-							alt={`${mii.name}, a ${mii.gender ? mii.gender.toLowerCase() : ""} Mii ${mii.tags.length ? ` with tags: ${mii.tags.join(", ")}` : ""}`}
-							loading="lazy"
-							unoptimized
-							width={1}
-							height={1}
-							className="absolute left-[-999999]"
-						/>
 					</div>
 				))}
 			</div>