一行説明
送金ページ (send.tsx) の DUMMY_BALANCE = 45900 を実際のFoRトークン残高に置き換える
詳細
現在 `send.tsx` では残高がハードコードされている:
const DUMMY_BALANCE = 45900;
既に実装済みの `useForTokenBalance` hookを使って実際の残高を取得する。
対象ファイル
packages/frontend/app/routes/send.tsx(変更)
packages/frontend/app/hooks/useForToken.ts(参照: useForTokenBalance)
作業内容
-
DUMMY_BALANCE 定数を削除
-
useForTokenBalance hookで残高を取得
import { useForTokenBalance } from "~/hooks/useForToken";
import { useActiveWallet } from "~/hooks/useActiveWallet";
const { address } = useActiveWallet();
const { data: balance } = useForTokenBalance(address);
// balance.raw: bigint(生の値)
// balance.formatted: string(18桁で割った表示用の値)
-
残高表示と残高不足チェックを更新
remainingBalance を実際の残高から計算
- 残高不足の場合はボタンを無効化 + メッセージ表示
要件
補足
一行説明
送金ページ (send.tsx) の
DUMMY_BALANCE = 45900を実際のFoRトークン残高に置き換える詳細
現在 `send.tsx` では残高がハードコードされている:
既に実装済みの `useForTokenBalance` hookを使って実際の残高を取得する。
対象ファイル
packages/frontend/app/routes/send.tsx(変更)packages/frontend/app/hooks/useForToken.ts(参照:useForTokenBalance)作業内容
DUMMY_BALANCE定数を削除useForTokenBalancehookで残高を取得残高表示と残高不足チェックを更新
remainingBalanceを実際の残高から計算要件
DUMMY_BALANCEが削除されている補足
formatUnits(balance.raw, 18)で表示用に変換