Set the initial value of the amount field to 0

... instead of empty string. Earlier the "0" was in the placeholder, but not in the actual value, and this was causing some problems.
oasisprotocol · Sep 30, 2022 · c8e4972 · c8e4972
1 parent 3498dac
commit c8e4972
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/src/app/pages/AccountPage/Features/SendTransaction/__tests__/index.test.tsx b/src/app/pages/AccountPage/Features/SendTransaction/__tests__/index.test.tsx
@@ -25,7 +25,7 @@ describe('<SendTransaction />', () => {
     renderComponent(store)
 
     await userEvent.type(screen.getByPlaceholderText('account.sendTransaction.enterAddress'), 'walletAddress')
-    await userEvent.type(screen.getByPlaceholderText('0'), '10')
+    await userEvent.type(screen.getByPlaceholderText('account.sendTransaction.enterAmount'), '10')
     await userEvent.click(screen.getByRole('button'))
 
     expect(spy).toHaveBeenCalledWith({

diff --git a/src/app/pages/AccountPage/Features/SendTransaction/index.tsx b/src/app/pages/AccountPage/Features/SendTransaction/index.tsx
@@ -25,7 +25,7 @@ export function SendTransaction(props: SendTransactionProps) {
   const { error, success } = useSelector(selectTransaction)
   const validators = useSelector(selectValidators)
   const [recipient, setRecipient] = useState('')
-  const [amount, setAmount] = useState('')
+  const [amount, setAmount] = useState('0')
   const sendTransaction = () =>
     dispatch(
       transactionActions.sendTransaction({
@@ -90,7 +90,7 @@ export function SendTransaction(props: SendTransactionProps) {
             <TextInput
               id="amount-id"
               name="amount"
-              placeholder="0"
+              placeholder={t('account.sendTransaction.enterAmount', 'Enter an amount')}
               type="number"
               step="any"
               min="0"

diff --git a/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap b/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap
@@ -1086,11 +1086,11 @@ exports[`<AccountPage  /> should match snapshot 1`] = `
                       id="amount-id"
                       min="0"
                       name="amount"
-                      placeholder="0"
+                      placeholder="Enter an amount"
                       required=""
                       step="any"
                       type="number"
-                      value=""
+                      value="0"
                     />
                   </div>
                 </div>

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -24,6 +24,7 @@
         "title": "Are you sure you want to continue?"
       },
       "enterAddress": "Enter an address",
+      "enterAmount": "Enter an amount",
       "recipient": "Recipient",
       "send": "Send",
       "success": "Transaction successfully sent. The transaction might take up to a minute to appear on your account."