Repository: thenewboston-developers/Website
File: src/containers/ConfirmationValidatorApi/ConfirmationValidatorApiBanks/index.tsx (TypeScript)

Code before:
import React, {FC} from 'react';

import {DocContainer, DocEndpoint, RequestResponseSnippet} from 'components';

const ConfirmationValidatorApiBanks: FC = () => {
  return (
    <DocContainer className="ConfirmationValidatorApiBanks" title="Banks">
      <p>The confirmation validators will maintain a record of all connected banks.</p>

      <DocEndpoint endpoint="/banks" method="GET" />
      <RequestResponseSnippet
        code={`{
    "count": 20,
    "next": null,
    "previous": null,
    "results": [
        {
            "account_number": "dfddf07ec15cbf363ecb52eedd7133b70b3ec896b488460bcecaba63e8e36be5",
            "ip_address": "143.110.137.54",
            "node_identifier": "6dbaff44058e630cb375955c82b0d3bd7bc7e20cad93e74909a8951f747fb8a4",
            "port": null,
            "protocol": "http",
            "version": "v1.0",
            "default_transaction_fee": 1,
            "confirmation_expiration": null,
            "trust": "0.00"
        },
        {
            "account_number": "7977b7f7a6f52bf9ebda93694d9276e9e23049eb40b263799fb2a35fa9316b9b",
            "ip_address": "143.110.141.4",
            "node_identifier": "735bfc11f802dbb8365998703539823d751ac5f5f82905143fba8a84d967f29b",
            "port": null,
            "protocol": "http",
            "version": "v1.0",
            "default_transaction_fee": 2,
            "confirmation_expiration": null,
            "trust": "0.00"
        }
    ]
}`}
        heading="Response"
      />

      <DocEndpoint endpoint="/banks/<node_identifier>" method="GET" />
      <RequestResponseSnippet
        code={`{
    "account_number": "dfddf07ec15cbf363ecb52eedd7133b70b3ec896b488460bcecaba63e8e36be5",
    "ip_address": "143.110.137.54",
    "node_identifier": "6dbaff44058e630cb375955c82b0d3bd7bc7e20cad93e74909a8951f747fb8a4",
    "port": null,
    "protocol": "http",

Review comment (suggestion):
For the Listing requests, we have decided to add the table of query params kindly add that.
[here](https://github.com/thenewboston-developers/Website/pull/982/files#diff-c4eee41d3a8c9ab0d7ec0cb4717b0991755b71e565eb72fe46e6217c8b5be168) is the reference of how that should look like

Code after:
import React, {FC} from 'react';

import {DocContainer, DocEndpoint, RequestResponseSnippet, TableParams} from 'components';

const ConfirmationValidatorApiBanks: FC = () => {
  return (
    <DocContainer className="ConfirmationValidatorApiBanks" title="Banks">
      <p>The confirmation validators will maintain a record of all connected banks.</p>

      <DocEndpoint endpoint="/banks" method="GET" />
      <TableParams
        items={[
          {
            dataType: 'URL parameter',
            description: 'If you want to start at a specific point, an offset can be specified.',
            param: 'offset',
          },
          {
            dataType: 'URL parameter',
            description: 'Maximum number of block returned by the node. (max: 100)',
            param: 'limit',
          },
        ]}
      />
      <RequestResponseSnippet
        code={`{
  "count": 20,
  "next": "http://54.183.17.224/banks?limit=2&offset=2",
  "previous": null,
  "results": [
    {
      "account_number": "dfddf07ec15cbf363ecb52eedd7133b70b3ec896b488460bcecaba63e8e36be5",
      "ip_address": "143.110.137.54",
      "node_identifier": "6dbaff44058e630cb375955c82b0d3bd7bc7e20cad93e74909a8951f747fb8a4",
      "port": null,
      "protocol": "http",
      "version": "v1.0",
      "default_transaction_fee": 1,
      "confirmation_expiration": null,
      "trust": "0.00"
    },
    {
      "account_number": "7977b7f7a6f52bf9ebda93694d9276e9e23049eb40b263799fb2a35fa9316b9b",
      "ip_address": "143.110.141.4",
      "node_identifier": "735bfc11f802dbb8365998703539823d751ac5f5f82905143fba8a84d967f29b",
      "port": null,
      "protocol": "http",
      "version": "v1.0",
      "default_transaction_fee": 2,
      "confirmation_expiration": null,
      "trust": "0.00"