Skip to content

[Frontend] 送金ページのダミー残高を実際のトークン残高に置換 #89

@yu23ki14

Description

@yu23ki14

一行説明

送金ページ (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

作業内容

  1. DUMMY_BALANCE 定数を削除

  2. 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桁で割った表示用の値)
  3. 残高表示と残高不足チェックを更新

    • remainingBalance を実際の残高から計算
    • 残高不足の場合はボタンを無効化 + メッセージ表示

要件

  • DUMMY_BALANCE が削除されている
  • 実際のFoRトークン残高が表示される
  • 残高不足時にボタンが無効化される
  • 残高ローディング中の表示がある

補足

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions