Add disableMultiplyBy1e18 flag to IntegerInput component (#609)

scaffold-eth · Nov 21, 2023 · a586fc2 · a586fc2
1 parent 9680b07
commit a586fc2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
@@ -3,6 +3,7 @@ import { CommonInputProps, InputBase, IntegerVariant, isValidInteger } from "~~/
 
 type IntegerInputProps = CommonInputProps<string | bigint> & {
   variant?: IntegerVariant;
+  disableMultiplyBy1e18?: boolean;
 };
 
 export const IntegerInput = ({
@@ -12,6 +13,7 @@ export const IntegerInput = ({
   placeholder,
   disabled,
   variant = IntegerVariant.UINT256,
+  disableMultiplyBy1e18 = false,
 }: IntegerInputProps) => {
   const [inputError, setInputError] = useState(false);
   const multiplyBy1e18 = useCallback(() => {
@@ -41,7 +43,8 @@ export const IntegerInput = ({
       onChange={onChange}
       disabled={disabled}
       suffix={
-        !inputError && (
+        !inputError &&
+        !disableMultiplyBy1e18 && (
           <div
             className="space-x-4 flex tooltip tooltip-top tooltip-secondary before:content-[attr(data-tip)] before:right-[-10px] before:left-auto before:transform-none"
             data-tip="Multiply by 10^18 (wei)"