fix: disable autocomplete on numeric fields

subsquid · Jun 6, 2024 · 95ecc9e · 95ecc9e
1 parent 0afc6bf
commit 95ecc9e
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/src/components/Form/FormikTextInput.tsx b/src/components/Form/FormikTextInput.tsx
@@ -45,6 +45,7 @@ export function FormikTextInput({
   InputProps,
   error,
   sx,
+  autoComplete,
   onFocus,
   onBlur,
   showErrorOnlyOfTouched = false,
@@ -64,6 +65,7 @@ export function FormikTextInput({
   type?: 'text' | 'password';
   sx?: SxProps;
   InputProps?: Partial<StandardInputProps>;
+  autoComplete?: string;
   onFocus?: () => unknown;
   onBlur?: () => unknown;
 }) {
@@ -98,6 +100,7 @@ export function FormikTextInput({
       error={Boolean(actualError)}
       sx={sx}
       helperText={actualError || helperText}
+      autoComplete={autoComplete}
       InputProps={
         InputProps || {
           endAdornment:

diff --git a/src/pages/GatewaysPage/GatewayStake.tsx b/src/pages/GatewaysPage/GatewayStake.tsx
@@ -144,6 +144,7 @@ export function GatewayStake({ disabled }: { disabled?: boolean }) {
                 label="Amount"
                 formik={formik}
                 showErrorOnlyOfTouched
+                autoComplete="off"
                 InputProps={{
                   endAdornment: (
                     <Chip

diff --git a/src/pages/WorkersPage/WorkerDelegate.tsx b/src/pages/WorkersPage/WorkerDelegate.tsx
@@ -150,6 +150,7 @@ export function WorkerDelegate({
                 label="Amount"
                 formik={formik}
                 showErrorOnlyOfTouched
+                autoComplete="off"
                 InputProps={{
                   endAdornment: (
                     <Chip

diff --git a/src/pages/WorkersPage/WorkerUndelegate.tsx b/src/pages/WorkersPage/WorkerUndelegate.tsx
@@ -68,7 +68,7 @@ export function WorkerUndelegate({
   const formik = useFormik({
     initialValues: {
       source: '',
-      amount: '0',
+      amount: '',
       max: '0',
     },
     validationSchema: undelegateSchema,
@@ -166,6 +166,7 @@ export function WorkerUndelegate({
               id="amount"
               label="Amount"
               formik={formik}
+              autoComplete="off"
               InputProps={{
                 endAdornment: (
                   <Chip