osmannyildiz
/
RiseInSuiHackathonFrontend
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use client from provider

This commit is contained in:
osmannyildiz 2023-12-23 16:04:35 +03:00
parent f4e3fb3ba5
commit 359469535c
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.tsx
View File

@ -1,16 +1,13 @@
import { ConnectButton, useCurrentAccount } from "@mysten/dapp-kit";
import { import {
CoinBalance, ConnectButton,
CoinStruct, useCurrentAccount,
SuiClient, useSuiClient,
getFullnodeUrl, } from "@mysten/dapp-kit";
} from "@mysten/sui.js/client"; import { CoinBalance, CoinStruct } from "@mysten/sui.js/client";
import { MIST_PER_SUI } from "@mysten/sui.js/utils"; import { MIST_PER_SUI } from "@mysten/sui.js/utils";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import GetSuiFromFaucetForm from "./components/GetSuiFromFaucetForm"; import GetSuiFromFaucetForm from "./components/GetSuiFromFaucetForm";
const suiClient = new SuiClient({ url: getFullnodeUrl("devnet") });
const balanceToSui = (balance: CoinBalance) => { const balanceToSui = (balance: CoinBalance) => {
return Number.parseInt(balance.totalBalance) / Number(MIST_PER_SUI); return Number.parseInt(balance.totalBalance) / Number(MIST_PER_SUI);
}; };
@ -20,6 +17,7 @@ const mistToSui = (amountInMist: string) => {
}; };
export default function App() { export default function App() {
const suiClient = useSuiClient();
const currentAccount = useCurrentAccount(); const currentAccount = useCurrentAccount();
const [balance, setBalance] = useState("(loading...)"); const [balance, setBalance] = useState("(loading...)");
const [coins, setCoins] = useState<CoinStruct[]>([]); const [coins, setCoins] = useState<CoinStruct[]>([]);
@ -38,7 +36,7 @@ export default function App() {
setCoins(coins.data); setCoins(coins.data);
} }
})(); })();
}, [currentAccount]); }, [suiClient, currentAccount]);
return ( return (
<> <>