From f4e3fb3ba5e986b9758a99409789a70966fc7fd0 Mon Sep 17 00:00:00 2001
From: osmannyildiz <iamosmannyildiz@gmail.com>
Date: Sat, 23 Dec 2023 15:44:23 +0300
Subject: [PATCH] use current account

---
 src/App.tsx      | 28 +++++++++++++++-------------
 src/constants.ts |  2 --
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0ba37bc..927531c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,14 +1,13 @@
-import { ConnectButton } from "@mysten/dapp-kit";
+import { ConnectButton, useCurrentAccount } from "@mysten/dapp-kit";
 import {
 	CoinBalance,
 	CoinStruct,
-	getFullnodeUrl,
 	SuiClient,
+	getFullnodeUrl,
 } from "@mysten/sui.js/client";
 import { MIST_PER_SUI } from "@mysten/sui.js/utils";
 import { useEffect, useState } from "react";
 import GetSuiFromFaucetForm from "./components/GetSuiFromFaucetForm";
-import { MY_ADDRESS } from "./constants";
 
 const suiClient = new SuiClient({ url: getFullnodeUrl("devnet") });
 
@@ -21,22 +20,25 @@ const mistToSui = (amountInMist: string) => {
 };
 
 export default function App() {
+	const currentAccount = useCurrentAccount();
 	const [balance, setBalance] = useState("(loading...)");
 	const [coins, setCoins] = useState<CoinStruct[]>([]);
 
 	useEffect(() => {
 		(async () => {
-			const balance = await suiClient.getBalance({
-				owner: MY_ADDRESS,
-			});
-			setBalance(`Balance: ${balanceToSui(balance)} SUI`);
+			if (currentAccount) {
+				const balance = await suiClient.getBalance({
+					owner: currentAccount.address,
+				});
+				setBalance(`Balance: ${balanceToSui(balance)} SUI`);
 
-			const coins = await suiClient.getCoins({
-				owner: MY_ADDRESS,
-			});
-			setCoins(coins.data);
+				const coins = await suiClient.getCoins({
+					owner: currentAccount.address,
+				});
+				setCoins(coins.data);
+			}
 		})();
-	}, []);
+	}, [currentAccount]);
 
 	return (
 		<>
@@ -47,7 +49,7 @@ export default function App() {
 			<div>Coins:</div>
 			<ul>
 				{coins.map((coin) => (
-					<li>
+					<li key={coin.coinObjectId}>
 						{coin.coinType} - {mistToSui(coin.balance)} SUI
 					</li>
 				))}
diff --git a/src/constants.ts b/src/constants.ts
index e4e24be..e69de29 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,2 +0,0 @@
-export const MY_ADDRESS =
-	"0xac6407fcf8e009a2b67474fff85c6b0555a03bbe3575ceaa940cbb9fc7683fc8";