fix(create-bounty): prevent empty spaces

stakwork · Sep 26, 2024 · d43fefd · d43fefd
1 parent faff89a
commit d43fefd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/ModalsContainer/CreateBountyModal/CreateBounty/index.tsx b/src/components/ModalsContainer/CreateBountyModal/CreateBounty/index.tsx
@@ -30,6 +30,12 @@ export const CreateBounty: FC<Props> = ({ errMessage, handleClose }) => {
 
   const isDisable = isBudgetValid(watchBudget) && !!watchNodeType
 
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === ' ') {
+      event.preventDefault()
+    }
+  }
+
   return (
     <Flex>
       <Flex align="center" direction="row" justify="space-between" mb={18}>
@@ -46,6 +52,7 @@ export const CreateBounty: FC<Props> = ({ errMessage, handleClose }) => {
         <TextInput
           id="budget"
           name="budget"
+          onKeyDown={handleKeyDown}
           placeholder="Enter budget"
           rules={{
             ...requiredRule,

diff --git a/src/components/ModalsContainer/CreateBountyModal/constants.ts b/src/components/ModalsContainer/CreateBountyModal/constants.ts
@@ -1,7 +1,7 @@
+export const BUDGET_PATTERN = /^[0-9]+$/
+
 export const isBudgetValid = (budget: string): boolean => {
   const trimmedBudget = budget.trim()
 
-  return !!(trimmedBudget && /^[0-9]+$/.test(trimmedBudget))
+  return !!(trimmedBudget && BUDGET_PATTERN.test(trimmedBudget))
 }
-
-export const BUDGET_PATTERN = /^[0-9]+$/