+
{currentToken ? "Current" : "Connect"} Wallet
+ {walletAddress && currentToken ? (
+
+ {currentToken}{" "}
+ {walletAddress}
+
+
+ ) : (
+
+
+
+
+
+ )}
+
+ );
+}
diff --git a/src/hooks/useCreditsForFiat.ts b/src/hooks/useCreditsForFiat.ts
index 6d6e723..0987ad0 100644
--- a/src/hooks/useCreditsForFiat.ts
+++ b/src/hooks/useCreditsForFiat.ts
@@ -1,4 +1,4 @@
-import { TurboFactory, USD } from "@ardrive/turbo-sdk";
+import { TurboFactory, USD } from "@ardrive/turbo-sdk/web";
import { useState, useRef, useEffect } from "react";
import { turboConfig, wincPerCredit } from "../constants";
diff --git a/src/hooks/useCreditsForToken.ts b/src/hooks/useCreditsForToken.ts
new file mode 100644
index 0000000..de6a48b
--- /dev/null
+++ b/src/hooks/useCreditsForToken.ts
@@ -0,0 +1,32 @@
+import { TurboFactory } from "@ardrive/turbo-sdk/web";
+import { useState, useRef, useEffect } from "react";
+import { turboConfig, wincPerCredit } from "../constants";
+
+export function useCreditsForToken(
+ debouncedTokenAmount: string,
+ errorCallback: (message: string) => void,
+): [string | undefined, string | undefined] {
+ const [winc, setWinc] = useState