watagori_code

[rich owl]

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1234832550929891338

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[delicate shore]

Hi, let me help you with this.

Could you please share the screenshots of the issue?

[drowsy osprey]

like this

I can't edit any information on ConnectAccountOnboarding components neither enter "Agre and Submit".
How to fix?

[delicate shore]

I see that styles look very different from what Stripe provides. Maybe some other CSS settings prevent/conceal the functionality you're looking for?

Do you have a URL to reproduce the issue?

[drowsy osprey]

I don't have the URL,

  return (
    <div className='min-h-screen bg-white text-black'>
      <div className='bg-black py-4 text-white'>
        <h2 className='text-center text-2xl font-bold'>TwinArte</h2>
      </div>
      <div className='mx-auto max-w-4xl px-4 py-8 sm:px-6 lg:px-8'>
        {isLoading ? (
          <Loading />
        ) : (
          <>
            {!connectedAccountId && (
              <>
                <h2 className='mb-4 text-3xl font-bold'>
                  Get ready for take off
                </h2>
                {!accountCreatePending && (
                  <div>
                    <button
                      className='btn-simple'
                      onClick={handleConnectWithStripe}
                    >
                      Connect with Stripe
                    </button>
                  </div>
                )}
              </>
            )}
            {connectedAccountId && !stripeConnectInstance && (
              <h2 className='mb-4 text-3xl font-bold'>
                Add information to start accepting money
              </h2>
            )}
            {stripeConnectInstance && (
              <ConnectComponentsProvider
                connectInstance={stripeConnectInstance}
              >
                <ConnectAccountOnboarding
                  onExit={() => setOnboardingExited(true)}
                />
              </ConnectComponentsProvider>
            )}
            {error && <p className='mt-4 text-red-500'>{error}</p>}
           
            {(connectedAccountId ||
              accountCreatePending ||
              onboardingExited) && (
              <div className='mt-8 bg-gray-100 p-4'>
                {connectedAccountId && (
                  <p>
                    Your connected account ID is:{' '}
                    <code className='font-bold'>{connectedAccountId}</code>
                  </p>
                )}
                {accountCreatePending && <p>Creating a connected account...</p>}
                {onboardingExited && (
                  <p>The Account Onboarding component has exited</p>
                )}
              </div>
            )}
          </>
        )}
      </div>
    </div>
  );
}

My code is like this.
I use tailwind css.

I solve it! Tailwind affect it. Thank you so much!

[delicate shore]

You're supposed to have an edit button in the corner.

[drowsy osprey]

I think I've made sure that tailwind is not affected in any way, but I'm not getting the same error from other users?

It didn't resolve the issue. I eliminated all code that might be color related, but Edit was still white.
I think I've made sure that tailwind is not affected in any way, but I'm not getting the same error from other users?

[delicate shore]

So the buttons are still white?

[drowsy osprey]

yes, button has been white yet

[delicate shore]

This must be an issue with the styles in your app, you need to find out what stylesheet overrides the color setting, and remove it.