fix(amount input): inconsistent decimals

wormhole-foundation · Sep 23, 2024 · cf2ca74 · cf2ca74
1 parent e17c09a
commit cf2ca74
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 104 deletions.
diff --git a/wormhole-connect/src/components/InputTransparent.tsx b/wormhole-connect/src/components/InputTransparent.tsx
@@ -40,7 +40,6 @@ type Props = {
  disabled?: boolean;
  value?: string | number;
  testId?: string;
- pattern?: string;
 };
 
 const NUMBER_FORMAT_REGEX = /^\d*\.?\d*$/;
@@ -79,7 +78,6 @@ function InputTransparent(props: Props) {
  readOnly={props.disabled}
  value={props.value}
  data-testid={props.testId}
- pattern={props.pattern}
  />
  );
 }

diff --git a/wormhole-connect/src/views/Bridge/Inputs/AmountInput.tsx b/wormhole-connect/src/views/Bridge/Inputs/AmountInput.tsx
diff --git a/wormhole-connect/src/views/v2/Bridge/AmountInput/index.tsx b/wormhole-connect/src/views/v2/Bridge/AmountInput/index.tsx
@@ -210,19 +210,12 @@ const AmountInput = (props: Props) => {
  e.currentTarget.blur();
  },
  step: '0.1',
+ pattern: '[0-9]+([.|,][0-9]{1,2})?',
  }}
  placeholder="0"
  variant="standard"
  value={amount}
  onChange={handleChange}
- onWheel={(e) => {
- // IMPORTANT: We need to prevent the scroll behavior on number inputs.
- // Otherwise it'll increase/decrease the value when user scrolls on the input control.
- // See for details: https://github.com/mui/material-ui/issues/7960
- if (e.target instanceof HTMLElement) {
- e.target.blur();
- }
- }}
  InputProps={{
  disableUnderline: true,
  endAdornment: (