Fund Testnet Wallet

import { useRequestFaucet, useCreateWallet } from "@getpara/react-sdk";

function CreateAndFund() {
  const { createWalletAsync } = useCreateWallet();
  const { requestFaucetAsync, isPending } = useRequestFaucet();
  const [txHash, setTxHash] = useState("");

  const handleCreateAndFund = async () => {
    await createWalletAsync({ type: "EVM" });
    const result = await requestFaucetAsync();
    setTxHash(result.transactionHash);
  };

  return (
    <div>
      <button onClick={handleCreateAndFund} disabled={isPending}>
        {isPending ? "Funding..." : "Create & Fund Wallet"}
      </button>
      {txHash && <p>Transaction: {txHash}</p>}
    </div>
  );
}

import { useRequestFaucet } from "@getpara/react-sdk";

function FundWallet({ walletId }: { walletId: string }) {
  const { requestFaucetAsync, isPending, data } = useRequestFaucet();

  return (
    <div>
      <button
        onClick={() => requestFaucetAsync({ walletId })}
        disabled={isPending}
      >
        {isPending ? "Requesting..." : "Get Testnet ETH"}
      </button>
      {data && (
        <p>
          Sent {data.amount} ETH to {data.address}
        </p>
      )}
    </div>
  );
}