feat: use ButtonLink

Author: wackerow

public/content/developers/docs/apis/json-rpc/index.md

@@ -303,7 +303,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_protocolVersion","params":[]
 
 Returns an object with data about the sync status or `false`.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_syncing)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_syncing">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -389,7 +391,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_syncing","params":[],"id":1}
 
 Returns the client coinbase address.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_coinbase)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_coinbase">
+  Try endpoint in playground
+</ButtonLink>
 
 > **Note:** This method has been deprecated as of **v1.14.0** and is no longer supported. Attempting to use this method will result in a "Method not supported" error.
 
@@ -418,7 +422,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_coinbase","params":[],"id":6
 
 Returns the chain ID used for signing replay-protected transactions.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_chainId)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_chainId">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -445,7 +451,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_chainId","params":[],"id":67
 
 Returns `true` if client is actively mining new blocks. This can only return `true` for proof-of-work networks and may not be available in some clients since [The Merge](/roadmap/merge/).
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_mining)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_mining">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -472,7 +480,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_mining","params":[],"id":71}
 
 Returns the number of hashes per second that the node is mining with. This can only return `true` for proof-of-work networks and may not be available in some clients since [The Merge](/roadmap/merge/).
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_hashrate)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_hashrate">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -499,7 +509,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_hashrate","params":[],"id":7
 
 Returns an estimate of the current price per gas in wei. For example, the Besu client examines the last 100 blocks and returns the median gas unit price by default.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_gasPrice)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_gasPrice">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -522,13 +534,13 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_gasPrice","params":[],"id":7
 }
 ```
 
-
-
 ### eth_accounts {#eth_accounts}
 
 Returns a list of addresses owned by client.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_accounts)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_accounts">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -554,8 +566,10 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_accounts","params":[],"id":1
 ### eth_blockNumber {#eth_blocknumber}
 
 Returns the number of most recent block.
-  
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_blockNumber)
+
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_blockNumber">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -582,7 +596,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_blockNumber","params":[],"id
 
 Returns the balance of the account of given address.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBalance)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getBalance">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -614,7 +630,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBalance","params":["0x407
 
 Returns the value from a storage position at a given address.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getStorageAt)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getStorageAt">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -684,7 +702,9 @@ curl -X POST --data '{"jsonrpc":"2.0", "method": "eth_getStorageAt", "params": [
 
 Returns the number of transactions _sent_ from an address.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionCount)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getTransactionCount">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -719,7 +739,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getTransactionCount","params
 
 Returns the number of transactions in a block from a block matching the given block hash.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockTransactionCountByHash)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getBlockTransactionCountByHash">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -750,7 +772,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockTransactionCountByHa
 
 Returns the number of transactions in a block matching the given block number.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockTransactionCountByNumber)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getBlockTransactionCountByNumber">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -783,7 +807,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockTransactionCountByNu
 
 Returns the number of uncles in a block from a block matching the given block hash.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleCountByBlockHash)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getUncleCountByBlockHash">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -814,7 +840,10 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getUncleCountByBlockHash","p
 
 Returns the number of uncles in a block from a block matching the given block number.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleCountByBlockNumber)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getUncleCountByBlockNumber">
+  Try endpoint in playground
+</ButtonLink>
+
 **Parameters**
 
 1. `QUANTITY|TAG` - integer of a block number, or the string `"latest"`, `"earliest"`, `"pending"`, `"safe"` or `"finalized"`, see the [block parameter](/developers/docs/apis/json-rpc/#block-parameter)
@@ -846,7 +875,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getUncleCountByBlockNumber",
 
 Returns code at a given address.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getCode)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getCode">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1027,7 +1058,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_sendRawTransaction","params"
 
 Executes a new message call immediately without creating a transaction on the blockchain. Often used for executing read-only smart contract functions, for example the `balanceOf` for an ERC-20 contract.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_call)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_call">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1063,7 +1096,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_call","params":[{see above}]
 
 Generates and returns an estimate of how much gas is necessary to allow the transaction to complete. The transaction will not be added to the blockchain. Note that the estimate may be significantly more than the amount of gas actually used by the transaction, for a variety of reasons including EVM mechanics and node performance.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_estimateGas)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_estimateGas">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1090,7 +1125,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_estimateGas","params":[{see
 
 Returns information about a block by hash.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockByHash)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getBlockByHash">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1169,7 +1206,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockByHash","params":["0
 
 Returns information about a block by block number.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockByNumber)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getBlockByNumber">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1199,7 +1238,9 @@ Result see [eth_getBlockByHash](#eth_getblockbyhash)
 
 Returns the information about a transaction requested by transaction hash.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionByHash)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getTransactionByHash">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1260,7 +1301,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getTransactionByHash","param
 
 Returns information about a transaction by block hash and transaction index position.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionByBlockHashAndIndex)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getTransactionByBlockHashAndIndex">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1290,7 +1333,9 @@ Result see [eth_getTransactionByHash](#eth_gettransactionbyhash)
 
 Returns information about a transaction by block number and transaction index position.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionByBlockNumberAndIndex)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getTransactionByBlockNumberAndIndex">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1388,7 +1433,9 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getTransactionReceipt","para
 
 Returns information about a uncle of a block by hash and uncle index position.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleByBlockHashAndIndex)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getUncleByBlockHashAndIndex">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1420,7 +1467,9 @@ Result see [eth_getBlockByHash](#eth_getblockbyhash)
 
 Returns information about a uncle of a block by number and uncle index position.
 
-[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleByBlockNumberAndIndex)
+<ButtonLink size="sm" variant="outline" href="https://ethereum-json-rpc.com/?method=eth_getUncleByBlockNumberAndIndex">
+  Try endpoint in playground
+</ButtonLink>
 
 **Parameters**
 
@@ -1640,7 +1689,6 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getFilterChanges","params":[
 
 Returns an array of all logs matching filter with given id.
 
-
 **Parameters**
 
 1. `QUANTITY` - The filter id.