From 2aae60711773f66dbb28d43b2ce87874ea6c7cef Mon Sep 17 00:00:00 2001
From: Kevin Peters <kpeters@jumptrading.com>
Date: Fri, 21 Jan 2022 15:27:10 +0000
Subject: [PATCH] UI - use placeholder for input amount

---
 react/src/views/Home.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/react/src/views/Home.tsx b/react/src/views/Home.tsx
index 3c76666..fc5bc72 100644
--- a/react/src/views/Home.tsx
+++ b/react/src/views/Home.tsx
@@ -138,7 +138,7 @@ export default function Home() {
   const classes = useStyles();
   const [sourceTokenInfo, setSourceTokenInfo] = useState(WMATIC_TOKEN_INFO);
   const [targetTokenInfo, setTargetTokenInfo] = useState(WETH_TOKEN_INFO);
-  const [amountIn, setAmountIn] = useState("0.0");
+  const [amountIn, setAmountIn] = useState("");
   const [amountOut, setAmountOut] = useState("0.0");
   const [deadline, setDeadline] = useState("30");
   const [slippage, setSlippage] = useState("1");
@@ -351,6 +351,7 @@ export default function Home() {
             InputProps={{ disableUnderline: true }}
             className={classes.numberField}
             onChange={handleAmountChange}
+            placeholder="0.0"
           ></TextField>
           <div className={classes.spacer} />
           <TokenSelect