add funds height when error state

[SamueleA]

Ticket link:

API breaking changes:

• Yes
• No

Manual testing required:

• Yes
• No

Docs changes required:

• Yes
• No

Description

Added an height to content of error state so that it can display properly

[cloudflare-workers-and-pages]

Deploying web-sdk-react-example with    Cloudflare Pages

Latest commit:	38c2c4a
Status:	✅  Deploy successful!
Preview URL:	https://e92bc1d8.web-sdk-react-example.pages.dev
Branch Preview URL:	https://11112026-add-funds-error-sta.web-sdk-react-example.pages.dev

View logs

[RichardIrala]

Modify

  if (isLoadingTransakLink) {
    return (
      <div className="flex items-center justify-center w-full px-4 pb-4">
        <Spinner />
      </div>
    )
  }

to

  if (isLoadingTransakLink) {
    return (
      <div className="flex items-center justify-center w-full px-4 pb-4 h-[200px]">
        <Spinner />
      </div>
    )
  }

This will also fix the issue where the loading spinner is not displayed.

[SamueleA]

Modify

  if (isLoadingTransakLink) {
    return (
      <div className="flex items-center justify-center w-full px-4 pb-4">
        <Spinner />
      </div>
    )
  }

to

  if (isLoadingTransakLink) {
    return (
      <div className="flex items-center justify-center w-full px-4 pb-4 h-[200px]">
        <Spinner />
      </div>
    )
  }

This will also fix the issue where the loading spinner is not displayed.

Updated in 38c2c4a

[RichardIrala]

LGTM