USDC token transfer

IAmKio · Mar 17, 2024 · 57f7126 · 57f7126
1 parent daac1bd
commit 57f7126
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 3 deletions.
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="A crypto-first tipping platform for creators."
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>TokenTip</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/frontend/src/components/Intro/Intro.js b/frontend/src/components/Intro/Intro.js
@@ -9,7 +9,7 @@ export default function Intro() {
       <br />
       🇬🇧 ETH Global London Hackathon 2024. <br />
       <br />
-      You cah sign in with{" "}
+      You can sign in with{" "}
       <LinearGradient gradient={["to left", "#b92b27 ,#1565C0"]}>
         <Typography fontSize={18}>World ID</Typography>{" "}
       </LinearGradient>

diff --git a/frontend/src/components/Tip/Tip.js b/frontend/src/components/Tip/Tip.js
@@ -39,6 +39,7 @@ export default function Tip() {
   const etherspotUtils = useEtherspotUtils();
   const [fetchedBalances, setFetchedBalances] = useState(null);
   const [sendValue, setSendValue] = useState(0);
+  const [sendUsdcValue, setSendUsdcValue] = useState("0");
   const [modalOpen, setModalOpen] = useState(false);
   const [sending, setSending] = useState(false);
   const [assetPrice, setAssetPrice] = useState(0);
@@ -199,6 +200,34 @@ export default function Tip() {
                     ))}
                   </Box>
                 </EtherspotTransaction>
+                {/* <EtherspotTokenTransferTransaction
+                  receiverAddress={jarsData.etherspotAddress}
+                  tokenAddress="0x036CbD53842c5426634e7929541eC2318f3dCF7e"
+                  value={sendUsdcValue === "" ? "0" : sendUsdcValue}
+                  tokenDecimals={6}
+                >
+                  <Input
+                    startDecorator={<Typography>USDC</Typography>}
+                    autoComplete="off"
+                    placeholder="1"
+                    size="lg"
+                    fullWidth
+                    onChange={(e) => setSendUsdcValue(e.target.value)}
+                    value={sendUsdcValue ?? "0"}
+                    endDecorator={
+                      <IconButton
+                        onClick={() => {
+                          setSending(true);
+                          send();
+                        }}
+                        variant="soft"
+                        color="success"
+                      >
+                        {sending ? <CircularProgress /> : <SendIcon />}
+                      </IconButton>
+                    }
+                  />
+                </EtherspotTokenTransferTransaction> */}
               </EtherspotBatch>
             </EtherspotBatches>
             <Typography level="body-sm">