Update AmountIn.js

packages/react-app/src/components/AmountIn.js

@@ -1,10 +1,10 @@
 import React, { useState, useEffect, useRef } from "react";
 
-import { chevronDown } from "../assets"; // icon
+import { chevronDown } from "../assets";
-import { useOnClickOutside } from "../utils"; //helps to close menu bar
+import { useOnClickOutside } from "../utils";
 import styles from "../styles";
 
-const AmountIn = () => {
+const AmountIn = ({ value, onChange, currencyValue, onSelect, currencies, isSwapping }) => {
   const [showList, setShowList] = useState(false);
   const [activeCurrency, setActiveCurrency] = useState("Select");
   const ref = useRef()
@@ -17,7 +17,7 @@ const AmountIn = () => {
     else setActiveCurrency("Select");
   }, [currencies, currencyValue]);
 
-    return(
+  return (
     <div className={styles.amountContainer}>
       <input
         placeholder="0.0"
@@ -61,9 +61,7 @@ const AmountIn = () => {
         )}
       </div>
     </div>
-    )
+  );
-}
+};
-
-
-
 
+export default AmountIn;