fix(ui): validate decimal places in add/remove stake modals (#208)

algorandfoundation · Jun 2, 2024 · a6f9b14 · a6f9b14
1 parent 24ec13d
commit a6f9b14
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/ui/src/components/AddStakeModal.tsx b/ui/src/components/AddStakeModal.tsx
@@ -151,6 +151,15 @@ export function AddStakeModal({
       .refine((val) => !isNaN(Number(val)) && parseFloat(val) > 0, {
         message: 'Invalid amount',
       })
+      .refine(
+        (val) => {
+          const match = val.match(/^\d+(\.\d{1,6})?$/)
+          return match !== null
+        },
+        {
+          message: 'Cannot have more than 6 decimal places',
+        },
+      )
       .superRefine((val, ctx) => {
         const algoAmount = parseFloat(val)
         const amountToStake = AlgoAmount.Algos(algoAmount).microAlgos

diff --git a/ui/src/components/UnstakeModal.tsx b/ui/src/components/UnstakeModal.tsx
@@ -84,6 +84,15 @@ export function UnstakeModal({ validator, setValidator, stakesByValidator }: Uns
       .refine((val) => !isNaN(Number(val)) && parseFloat(val) > 0, {
         message: 'Invalid amount',
       })
+      .refine(
+        (val) => {
+          const match = val.match(/^\d+(\.\d{1,6})?$/)
+          return match !== null
+        },
+        {
+          message: 'Cannot have more than 6 decimal places',
+        },
+      )
       .superRefine((val, ctx) => {
         const algoAmount = parseFloat(val)
         const amountToUnstake = AlgoAmount.Algos(algoAmount).microAlgos