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

feat: show positive/negative sign on most instructions

Browse source
This commit is contained in:
trafficlunar 2026-04-09 12:58:38 +01:00
parent 41876cbe73
commit a5080f1b2e
1 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/mii/instructions.tsx
View file

@ -30,6 +30,10 @@ function not(value: any) {
return value !== undefined && value !== null; return value !== undefined && value !== null;
} }
function numberValue(value: number, cutoff: number = 25) {
return value === cutoff ? "0" : value > cutoff ? `+${value - cutoff}` : `${value - cutoff}`;
}
function GridPosition({ index, cols = 5 }: { index: number; cols?: number }) { function GridPosition({ index, cols = 5 }: { index: number; cols?: number }) {
const row = Math.floor(index / cols) + 1; const row = Math.floor(index / cols) + 1;
const col = (index % cols) + 1; const col = (index % cols) + 1;
@ -101,11 +105,11 @@ function Section({ name, instructions, children, isSubSection }: SectionProps) {
<ColorPosition color={color} /> <ColorPosition color={color} />
</TableCell> </TableCell>
)} )}
{not(height) && <TableCell label="Height">{height}</TableCell>} {not(height) && <TableCell label="Height">{numberValue(height!, 0)}</TableCell>}
{not(distance) && <TableCell label="Distance">{distance}</TableCell>} {not(distance) && <TableCell label="Distance">{numberValue(distance!, 0)}</TableCell>}
{not(rotation) && <TableCell label="Rotation">{rotation}</TableCell>} {not(rotation) && <TableCell label="Rotation">{numberValue(rotation!, 0)}</TableCell>}
{not(size) && <TableCell label="Size">{size}</TableCell>} {not(size) && <TableCell label="Size">{numberValue(size!, 0)}</TableCell>}
{not(stretch) && <TableCell label="Stretch">{stretch}</TableCell>} {not(stretch) && <TableCell label="Stretch">{numberValue(stretch!, 0)}</TableCell>}
{children} {children}
</tbody> </tbody>
@ -194,13 +198,13 @@ export default function MiiInstructions({ instructions }: Props) {
)} )}
{(height || weight || datingPreferences || voice || personality) && ( {(height || weight || datingPreferences || voice || personality) && (
<div className="p-3 text-sm border-l-4 border-amber-400 bg-amber-100/50 rounded-r-lg py-2.5 text-amber-950 w-max"> <div className="p-3 border-l-4 border-amber-400 bg-amber-100/50 rounded-r-lg py-2.5 text-amber-950 w-max">
<h3 className="font-semibold text-xl text-amber-800 mb-1">Misc</h3> <h3 className="font-semibold text-xl text-amber-800 mb-1">Misc</h3>
<table className="w-full"> <table className="w-full">
<tbody> <tbody>
{not(height) && <TableCell label="Height">{height === 64 ? "0" : height! > 64 ? `+${height! - 64}` : `${height! - 64}`}</TableCell>} {not(height) && <TableCell label="Height">{numberValue(height!, 64)}</TableCell>}
{not(weight) && <TableCell label="Weight">{weight === 64 ? "0" : weight! > 64 ? `+${weight! - 64}` : `${weight! - 64}`}</TableCell>} {not(weight) && <TableCell label="Weight">{numberValue(weight!, 64)}</TableCell>}
</tbody> </tbody>
</table> </table>
{birthday && ( {birthday && (
@ -221,10 +225,10 @@ export default function MiiInstructions({ instructions }: Props) {
<h4 className="font-semibold text-xl text-amber-800 mb-1">Voice</h4> <h4 className="font-semibold text-xl text-amber-800 mb-1">Voice</h4>
<table className="w-full"> <table className="w-full">
<tbody> <tbody>
{not(voice.speed) && <TableCell label="Speed">{voice.speed}</TableCell>} {not(voice.speed) && <TableCell label="Speed">{numberValue(voice.speed!, 25)}</TableCell>}
{not(voice.pitch) && <TableCell label="Pitch">{voice.pitch}</TableCell>} {not(voice.pitch) && <TableCell label="Pitch">{numberValue(voice.pitch!, 25)}</TableCell>}
{not(voice.depth) && <TableCell label="Depth">{voice.depth}</TableCell>} {not(voice.depth) && <TableCell label="Depth">{numberValue(voice.depth!, 25)}</TableCell>}
{not(voice.delivery) && <TableCell label="Delivery">{voice.delivery}</TableCell>} {not(voice.delivery) && <TableCell label="Delivery">{numberValue(voice.delivery!, 25)}</TableCell>}
{not(voice.tone) && <TableCell label="Tone">{voice.tone}</TableCell>} {not(voice.tone) && <TableCell label="Tone">{voice.tone}</TableCell>}
</tbody> </tbody>
</table> </table>