chore(browser-playground): add address field for legacy-evm send-transaction (#247)

Author: wenfix

playground/browser-playground/CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Change LegacyEVM card's `sendTransaction` to have an address field and default it to the connected address ([#247](https://github.com/MetaMask/connect-monorepo/pull/247))
 - Add `localhost` to wagmi's configured chains ([#246](https://github.com/MetaMask/connect-monorepo/pull/246))
 - Bump wagmi from `^2.19.2` to `^3.5.0` and apply v3 migration changes: use `useConnectors()` instead of `useConnect().connectors`, `useChains()` instead of `useSwitchChain().chains`, and rename `useAccount` to `useConnection` ([#233](https://github.com/MetaMask/connect-monorepo/pull/233))
 - Bump `@wagmi/core` from `^2.22.1` to `^3.4.0` ([#233](https://github.com/MetaMask/connect-monorepo/pull/233))

playground/browser-playground/src/components/LegacyEVMCard.tsx

@@ -19,6 +19,7 @@ export function LegacyEVMCard({
   disconnect,
 }: LegacyEVMCardProps) {
   const [response, setResponse] = useState<string>('');
+  const [toAddress, setToAddress] = useState<string>(accounts[0] ?? '');
 
   const requestPermissions = async () => {
     if (!provider) {
@@ -112,7 +113,7 @@ export function LegacyEVMCard({
       setResponse('No account available');
       return;
     }
-    const to = '0x0000000000000000000000000000000000000000';
+    const to = toAddress || accounts[0];
     const transactionParameters = {
       to, // Required except during contract publications.
       from: accounts[0], // must match user's active address.
@@ -251,6 +252,13 @@ export function LegacyEVMCard({
           personal_sign
         </button>
 
+        <input
+          type="text"
+          value={toAddress}
+          onChange={(e) => setToAddress(e.target.value)}
+          placeholder={accounts[0] ?? '0x...'}
+          className="w-full border rounded px-3 py-2 text-sm font-mono"
+        />
         <button
           type="button"
           data-testid={TEST_IDS.legacyEvm.btnSendTransaction}