From b01dd799dcc0d80ea611eae64568f8047b7f23d3 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Mon, 30 Mar 2026 19:27:13 +0100
Subject: [PATCH] refactor: rename makeup to face paint

---
 src/components/mii/list/filter-menu.tsx   |  2 +-
 src/components/mii/list/makeup-select.tsx | 12 ++++++------
 src/components/submit-form/edit-form.tsx  | 14 +++++++-------
 src/components/submit-form/index.tsx      | 14 +++++++-------
 4 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/components/mii/list/filter-menu.tsx b/src/components/mii/list/filter-menu.tsx
index 3081737..eb17a72 100644
--- a/src/components/mii/list/filter-menu.tsx
+++ b/src/components/mii/list/filter-menu.tsx
@@ -121,7 +121,7 @@ export default function FilterMenu() {
 						<>
 							<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium w-full mt-2 mb-1">
 								<hr className="grow border-zinc-300" />
-								<span>Makeup</span>
+								<span>Face Paint</span>
 								<hr className="grow border-zinc-300" />
 							</div>
 							<MakeupSelect />
diff --git a/src/components/mii/list/makeup-select.tsx b/src/components/mii/list/makeup-select.tsx
index 80ae9ee..53c210a 100644
--- a/src/components/mii/list/makeup-select.tsx
+++ b/src/components/mii/list/makeup-select.tsx
@@ -35,39 +35,39 @@ export default function MakeupSelect() {
 			{/* Full Makeup */}
 			<button
 				onClick={() => handleClick("FULL")}
-				aria-label="Filter for Full Makeup"
+				aria-label="Filter for Full Face Paint"
 				data-tooltip-span
 				className={`cursor-pointer rounded-xl flex justify-center items-center size-13 text-5xl border-2 transition-all ${
 					selected === "FULL" ? "bg-pink-100 border-pink-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 				}`}
 			>
-				<div className="tooltip bg-pink-400! border-pink-400! before:border-b-pink-400!">Full Makeup</div>
+				<div className="tooltip bg-pink-400! border-pink-400! before:border-b-pink-400!">Full Face Paint</div>
 				<Icon icon="mdi:palette" className="text-pink-400" />
 			</button>
 
 			{/* Partial Makeup */}
 			<button
 				onClick={() => handleClick("PARTIAL")}
-				aria-label="Filter for Partial Makeup"
+				aria-label="Filter for Partial Face Paint"
 				data-tooltip-span
 				className={`cursor-pointer rounded-xl flex justify-center items-center size-13 text-5xl border-2 transition-all ${
 					selected === "PARTIAL" ? "bg-purple-100 border-purple-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 				}`}
 			>
-				<div className="tooltip bg-purple-400! border-purple-400! before:border-b-purple-400!">Partial Makeup</div>
+				<div className="tooltip bg-purple-400! border-purple-400! before:border-b-purple-400!">Partial Face Paint</div>
 				<Icon icon="mdi:lipstick" className="text-purple-400" />
 			</button>
 
 			{/* No Makeup */}
 			<button
 				onClick={() => handleClick("NONE")}
-				aria-label="Filter for No Makeup"
+				aria-label="Filter for No Face Paint"
 				data-tooltip-span
 				className={`cursor-pointer rounded-xl flex justify-center items-center size-13 text-5xl border-2 transition-all ${
 					selected === "NONE" ? "bg-gray-200 border-gray-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 				}`}
 			>
-				<div className="tooltip bg-gray-400! border-gray-400! before:border-b-gray-400!">No Makeup</div>
+				<div className="tooltip bg-gray-400! border-gray-400! before:border-b-gray-400!">No Face Paint</div>
 				<Icon icon="codex:cross" className="text-gray-400" />
 			</button>
 		</div>
diff --git a/src/components/submit-form/edit-form.tsx b/src/components/submit-form/edit-form.tsx
index 15cf51c..71794e3 100644
--- a/src/components/submit-form/edit-form.tsx
+++ b/src/components/submit-form/edit-form.tsx
@@ -268,7 +268,7 @@ export default function EditForm({ mii, likes }: Props) {
 					<>
 						<div className="w-full grid grid-cols-3 items-start">
 							<label htmlFor="makeup" className="font-semibold py-2">
-								Makeup
+								Face Paint
 							</label>
 
 							<div className="col-span-2 flex gap-1">
@@ -276,8 +276,8 @@ export default function EditForm({ mii, likes }: Props) {
 								<button
 									type="button"
 									onClick={() => setMakeup("FULL")}
-									aria-label="Full makeup"
-									data-tooltip="Full Makeup"
+									aria-label="Full Face Paint"
+									data-tooltip="Full Face Paint"
 									className={`cursor-pointer rounded-xl flex justify-center items-center size-11 text-4xl border-2 transition-all after:bg-pink-400! after:border-pink-400! before:border-b-pink-400! ${
 										makeup === "FULL" ? "bg-pink-100 border-pink-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 									}`}
@@ -289,8 +289,8 @@ export default function EditForm({ mii, likes }: Props) {
 								<button
 									type="button"
 									onClick={() => setMakeup("PARTIAL")}
-									aria-label="Partial makeup"
-									data-tooltip="Partial Makeup"
+									aria-label="Partial Face Paint"
+									data-tooltip="Partial Face Paint"
 									className={`cursor-pointer rounded-xl flex justify-center items-center size-11 text-4xl border-2 transition-all after:bg-purple-400! after:border-purple-400! before:border-b-purple-400! ${
 										makeup === "PARTIAL" ? "bg-purple-100 border-purple-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 									}`}
@@ -302,8 +302,8 @@ export default function EditForm({ mii, likes }: Props) {
 								<button
 									type="button"
 									onClick={() => setMakeup("NONE")}
-									aria-label="No makeup"
-									data-tooltip="No Makeup"
+									aria-label="No Face Paint"
+									data-tooltip="No Face Paint"
 									className={`cursor-pointer rounded-xl flex justify-center items-center size-11 text-4xl border-2 transition-all after:bg-gray-400! after:border-gray-400! before:border-b-gray-400! ${
 										makeup === "NONE" ? "bg-gray-200 border-gray-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 									}`}
diff --git a/src/components/submit-form/index.tsx b/src/components/submit-form/index.tsx
index f402bcf..285c486 100644
--- a/src/components/submit-form/index.tsx
+++ b/src/components/submit-form/index.tsx
@@ -332,7 +332,7 @@ export default function SubmitForm() {
 				{/* Makeup (switch only) */}
 				<div className={`w-full grid grid-cols-3 items-start ${platform === "SWITCH" ? "" : "hidden"}`}>
 					<label htmlFor="makeup" className="font-semibold py-2">
-						Makeup
+						Face Paint
 					</label>
 
 					<div className="col-span-2 flex gap-1">
@@ -340,8 +340,8 @@ export default function SubmitForm() {
 						<button
 							type="button"
 							onClick={() => setMakeup("FULL")}
-							aria-label="Full makeup"
-							data-tooltip="Full Makeup"
+							aria-label="Full Face Paint"
+							data-tooltip="Full Face Paint"
 							className={`cursor-pointer rounded-xl flex justify-center items-center size-11 text-4xl border-2 transition-all after:bg-pink-400! after:border-pink-400! before:border-b-pink-400! ${
 								makeup === "FULL" ? "bg-pink-100 border-pink-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 							}`}
@@ -353,8 +353,8 @@ export default function SubmitForm() {
 						<button
 							type="button"
 							onClick={() => setMakeup("PARTIAL")}
-							aria-label="Partial makeup"
-							data-tooltip="Partial Makeup"
+							aria-label="Partial Face Paint"
+							data-tooltip="Partial Face Paint"
 							className={`cursor-pointer rounded-xl flex justify-center items-center size-11 text-4xl border-2 transition-all after:bg-purple-400! after:border-purple-400! before:border-b-purple-400! ${
 								makeup === "PARTIAL" ? "bg-purple-100 border-purple-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 							}`}
@@ -366,8 +366,8 @@ export default function SubmitForm() {
 						<button
 							type="button"
 							onClick={() => setMakeup("NONE")}
-							aria-label="No makeup"
-							data-tooltip="No Makeup"
+							aria-label="No Face Paint"
+							data-tooltip="No Face Paint"
 							className={`cursor-pointer rounded-xl flex justify-center items-center size-11 text-4xl border-2 transition-all after:bg-gray-400! after:border-gray-400! before:border-b-gray-400! ${
 								makeup === "NONE" ? "bg-gray-200 border-gray-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
 							}`}