diff --git a/components/GameAppealCard.tsx b/components/GameAppealCard.tsx index 5606494..b087b57 100644 --- a/components/GameAppealCard.tsx +++ b/components/GameAppealCard.tsx @@ -14,6 +14,11 @@ import { ModalFooter, ModalHeader, ModalOverlay, + NumberDecrementStepper, + NumberIncrementStepper, + NumberInput, + NumberInputField, + NumberInputStepper, Stack, StackDivider, Text, @@ -113,6 +118,18 @@ export default function (props: GameAppealProps & { port?: MessagePort }) { + setPercentage(n)} + precision={0} + > + + + + + + { const value = (e.target as EventTarget & { value: string }) @@ -122,7 +139,6 @@ export default function (props: GameAppealProps & { port?: MessagePort }) { e.preventDefault(); }} onChange={(e) => setPercentage(parseInt(e.target.value))} - pattern="/^-?\d{0,3}$/" placeholder="Reduction factor" /> Stat multiplication factors: