From 3c0473232f7626c5c761ec4c2e88d53dae7d1cb6 Mon Sep 17 00:00:00 2001
From: Daniel <wi20b014@technikum-wien.at>
Date: Sat, 5 Nov 2022 12:47:05 +0100
Subject: [PATCH] Update AmountIn.js

---
 packages/react-app/src/components/AmountIn.js | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/packages/react-app/src/components/AmountIn.js b/packages/react-app/src/components/AmountIn.js
index 8b13789..a3e8221 100644
--- a/packages/react-app/src/components/AmountIn.js
+++ b/packages/react-app/src/components/AmountIn.js
@@ -1 +1,24 @@
+import React, { useState, useEffect, useRef } from "react";
+
+import { chevronDown } from "../assets"; // icon
+import { useOnClickOutside } from "../utils"; //helps to close menu bar
+import styles from "../styles";
+
+const AmountIn = () => {
+    return(
+        <div className={styles.amountContainer}>
+            <input
+                placeholder="0.0"
+                type="number"
+                value={value}
+                disabled={isSwapping}
+                onChange={(e) => typeof onChange === "function" && onChange(e.target.value)}
+                className={styles.amountInput}
+            />
+        </div>
+    )
+}
+
+
+