From 668fdebe89adc5b6b62b89956c28f78cffe12da4 Mon Sep 17 00:00:00 2001
From: starknetdev <starknetdev@gmail.com>
Date: Thu, 21 Sep 2023 11:29:46 +0100
Subject: [PATCH] add top ups

---
 ui/src/app/components/ArcadeDialog.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/components/ArcadeDialog.tsx b/ui/src/app/components/ArcadeDialog.tsx
index 0f014f22d..08739f148 100644
--- a/ui/src/app/components/ArcadeDialog.tsx
+++ b/ui/src/app/components/ArcadeDialog.tsx
@@ -31,6 +31,8 @@ export const ArcadeDialog = () => {
     );
   }, [available]);
 
+  console.log(arcadeConnectors());
+
   if (!connectors) return <div></div>;
 
   return (
@@ -69,6 +71,7 @@ export const ArcadeDialog = () => {
                 onClick={connect}
                 address={address!}
                 masterAccount={MasterAccount!}
+                arcadeConnectors={arcadeConnectors()}
               />
             );
           })}
@@ -91,6 +94,7 @@ interface ArcadeAccountCardProps {
   onClick: (conn: Connector<any>) => void;
   address: string;
   masterAccount: AccountInterface;
+  arcadeConnectors: any[];
 }
 
 export const ArcadeAccountCard = ({
@@ -98,6 +102,7 @@ export const ArcadeAccountCard = ({
   onClick,
   address,
   masterAccount,
+  arcadeConnectors,
 }: ArcadeAccountCardProps) => {
   const { data } = useBalance({
     address: account.name,
@@ -142,6 +147,12 @@ export const ArcadeAccountCard = ({
     }
   };
 
+  console.log(
+    arcadeConnectors.some(
+      (conn) => conn.options.options.id == masterAccount.address
+    )
+  );
+
   return (
     <div className="border border-terminal-green p-3 hover:bg-terminal-green hover:text-terminal-black items-center">
       <div className="text-left flex flex-col text-sm sm:text-xl mb-0 sm:mb-4 items-center">
@@ -153,13 +164,23 @@ export const ArcadeAccountCard = ({
         </span>
         <span className="text-lg">{balance}ETH</span>{" "}
       </div>
-      <div className="flex justify-center">
+      <div className="flex flex-row justify-center">
         <Button
           variant={connected ? "default" : "ghost"}
           onClick={() => onClick(account)}
         >
           {connected ? "connected" : "connect"}
         </Button>
+        {!arcadeConnectors.some(
+          (conn) => conn.options.options.id == masterAccount.address
+        ) && (
+          <Button
+            variant={connected ? "default" : "ghost"}
+            onClick={() => transfer(account.name, masterAccount)}
+          >
+            Top Up 0.01Eth
+          </Button>
+        )}
       </div>
 
       {isCopied && <span>Copied!</span>}