trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-05-13 13:17:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: rename makeup to face paint

Browse source
This commit is contained in:
trafficlunar 2026-03-30 19:27:13 +01:00
parent c4d01fa8ee
commit b01dd799dc
4 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/mii/list/filter-menu.tsx
View file

@ -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"> <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" /> <hr className="grow border-zinc-300" />
<span>Makeup</span> <span>Face Paint</span>
<hr className="grow border-zinc-300" /> <hr className="grow border-zinc-300" />
</div> </div>
<MakeupSelect /> <MakeupSelect />

12
src/components/mii/list/makeup-select.tsx
View file

@ -35,39 +35,39 @@ export default function MakeupSelect() {
{/* Full Makeup */} {/* Full Makeup */}
<button <button
onClick={() => handleClick("FULL")} onClick={() => handleClick("FULL")}
aria-label="Filter for Full Makeup" aria-label="Filter for Full Face Paint"
data-tooltip-span data-tooltip-span
className={`cursor-pointer rounded-xl flex justify-center items-center size-13 text-5xl border-2 transition-all ${ 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" 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" /> <Icon icon="mdi:palette" className="text-pink-400" />
</button> </button>
{/* Partial Makeup */} {/* Partial Makeup */}
<button <button
onClick={() => handleClick("PARTIAL")} onClick={() => handleClick("PARTIAL")}
aria-label="Filter for Partial Makeup" aria-label="Filter for Partial Face Paint"
data-tooltip-span data-tooltip-span
className={`cursor-pointer rounded-xl flex justify-center items-center size-13 text-5xl border-2 transition-all ${ 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" 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" /> <Icon icon="mdi:lipstick" className="text-purple-400" />
</button> </button>
{/* No Makeup */} {/* No Makeup */}
<button <button
onClick={() => handleClick("NONE")} onClick={() => handleClick("NONE")}
aria-label="Filter for No Makeup" aria-label="Filter for No Face Paint"
data-tooltip-span data-tooltip-span
className={`cursor-pointer rounded-xl flex justify-center items-center size-13 text-5xl border-2 transition-all ${ 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" 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" /> <Icon icon="codex:cross" className="text-gray-400" />
</button> </button>
</div> </div>

14
src/components/submit-form/edit-form.tsx
View file

@ -268,7 +268,7 @@ export default function EditForm({ mii, likes }: Props) {
<> <>
<div className="w-full grid grid-cols-3 items-start"> <div className="w-full grid grid-cols-3 items-start">
<label htmlFor="makeup" className="font-semibold py-2"> <label htmlFor="makeup" className="font-semibold py-2">
Makeup Face Paint
</label> </label>
<div className="col-span-2 flex gap-1"> <div className="col-span-2 flex gap-1">
@ -276,8 +276,8 @@ export default function EditForm({ mii, likes }: Props) {
<button <button
type="button" type="button"
onClick={() => setMakeup("FULL")} onClick={() => setMakeup("FULL")}
aria-label="Full makeup" aria-label="Full Face Paint"
data-tooltip="Full Makeup" 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! ${ 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" 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 <button
type="button" type="button"
onClick={() => setMakeup("PARTIAL")} onClick={() => setMakeup("PARTIAL")}
aria-label="Partial makeup" aria-label="Partial Face Paint"
data-tooltip="Partial Makeup" 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! ${ 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" 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 <button
type="button" type="button"
onClick={() => setMakeup("NONE")} onClick={() => setMakeup("NONE")}
aria-label="No makeup" aria-label="No Face Paint"
data-tooltip="No Makeup" 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! ${ 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" makeup === "NONE" ? "bg-gray-200 border-gray-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
}`} }`}

14
src/components/submit-form/index.tsx
View file

@ -332,7 +332,7 @@ export default function SubmitForm() {
{/* Makeup (switch only) */} {/* Makeup (switch only) */}
<div className={`w-full grid grid-cols-3 items-start ${platform === "SWITCH" ? "" : "hidden"}`}> <div className={`w-full grid grid-cols-3 items-start ${platform === "SWITCH" ? "" : "hidden"}`}>
<label htmlFor="makeup" className="font-semibold py-2"> <label htmlFor="makeup" className="font-semibold py-2">
Makeup Face Paint
</label> </label>
<div className="col-span-2 flex gap-1"> <div className="col-span-2 flex gap-1">
@ -340,8 +340,8 @@ export default function SubmitForm() {
<button <button
type="button" type="button"
onClick={() => setMakeup("FULL")} onClick={() => setMakeup("FULL")}
aria-label="Full makeup" aria-label="Full Face Paint"
data-tooltip="Full Makeup" 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! ${ 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" 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 <button
type="button" type="button"
onClick={() => setMakeup("PARTIAL")} onClick={() => setMakeup("PARTIAL")}
aria-label="Partial makeup" aria-label="Partial Face Paint"
data-tooltip="Partial Makeup" 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! ${ 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" 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 <button
type="button" type="button"
onClick={() => setMakeup("NONE")} onClick={() => setMakeup("NONE")}
aria-label="No makeup" aria-label="No Face Paint"
data-tooltip="No Makeup" 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! ${ 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" makeup === "NONE" ? "bg-gray-200 border-gray-400 shadow-md" : "bg-white border-gray-300 hover:border-gray-400"
}`} }`}