From 825f74ef6dd8b34ba7a47ab46a104e4618d5c99d Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sun, 29 Mar 2026 21:55:40 +0100
Subject: [PATCH] fix: number inputs not updating values between tabs

---
 src/components/admin/reports.tsx                       |  3 ++-
 .../submit-form/mii-editor/number-inputs.tsx           | 10 +++++-----
 src/components/submit-form/mii-editor/tabs/eyes.tsx    |  2 +-
 src/components/submit-form/mii-editor/tabs/other.tsx   |  2 +-
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/admin/reports.tsx b/src/components/admin/reports.tsx
index f3a8042..c920eb1 100644
--- a/src/components/admin/reports.tsx
+++ b/src/components/admin/reports.tsx
@@ -7,7 +7,8 @@ import { ReportStatus } from "@prisma/client";
 import { prisma } from "@/lib/prisma";
 
 export default async function Reports() {
-	const reports = await prisma.report.findMany();
+	const reports = await prisma.report.findMany({ orderBy: { createdAt: "desc" } });
+	// TODO: add pagination
 
 	const updateStatus = async (formData: FormData) => {
 		"use server";
diff --git a/src/components/submit-form/mii-editor/number-inputs.tsx b/src/components/submit-form/mii-editor/number-inputs.tsx
index 33c51cd..5b3e41c 100644
--- a/src/components/submit-form/mii-editor/number-inputs.tsx
+++ b/src/components/submit-form/mii-editor/number-inputs.tsx
@@ -7,11 +7,11 @@ interface Props {
 
 export default function NumberInputs({ target }: Props) {
 	const [values, setValues] = useState<Record<string, number>>({
-		height: 0,
-		distance: 0,
-		rotation: 0,
-		size: 0,
-		stretch: 0,
+		height: target?.height ?? 0,
+		distance: target?.distance ?? 0,
+		rotation: target?.rotation ?? 0,
+		size: target?.size ?? 0,
+		stretch: target?.stretch ?? 0,
 	});
 
 	if (!target) return null;
diff --git a/src/components/submit-form/mii-editor/tabs/eyes.tsx b/src/components/submit-form/mii-editor/tabs/eyes.tsx
index 551cdd4..30e6e1c 100644
--- a/src/components/submit-form/mii-editor/tabs/eyes.tsx
+++ b/src/components/submit-form/mii-editor/tabs/eyes.tsx
@@ -60,7 +60,7 @@ export default function EyesTab({ instructions }: Props) {
 
 			<div className="absolute inset-0 flex flex-col justify-center items-center">
 				<ColorPicker disabled={currentTab.colorsDisabled} color={colors[tab]} setColor={setColor} tab={tab === 5 ? "eyeliner" : "eyes"} />
-				<NumberInputs target={instructions.current.eyes[currentTab.name]} />
+				<NumberInputs key={tab} target={instructions.current.eyes[currentTab.name]} />
 			</div>
 		</>
 	);
diff --git a/src/components/submit-form/mii-editor/tabs/other.tsx b/src/components/submit-form/mii-editor/tabs/other.tsx
index e188427..ea55b60 100644
--- a/src/components/submit-form/mii-editor/tabs/other.tsx
+++ b/src/components/submit-form/mii-editor/tabs/other.tsx
@@ -66,7 +66,7 @@ export default function OtherTab({ instructions }: Props) {
 
 			<div className="absolute inset-0 flex flex-col justify-center items-center">
 				<ColorPicker disabled={tab === 0 || tab === 1} color={colors[tab]} setColor={setColor} tab={tab === 6 ? "eyeliner" : "hair"} />
-				<NumberInputs target={instructions.current.other[currentTab.name]} />
+				<NumberInputs key={tab} target={instructions.current.other[currentTab.name]} />
 
 				{tab === 3 && (
 					<div className="flex gap-1.5 items-center mt-4">