#iuri_code
stable terraceBOT
đ 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/1397369878293385356
đ Have more to share? Add more details, code, screenshots, videos, etc. below.
stiff flint
This is from the PaymentPage on stripe:
and this is from my component:
it looks like it's trying to use the customer balance but I want to show the instructions, same behavior of the payment page on Stripe
dense charm
To clarify, are you using PaymentElement ?
stiff flint
no, I'm using the Elements
import { Elements } from '@stripe/react-stripe-js';
Oh, actually I think this is the PaymentElement
yeah, I'm using it
dense charm
Ok, so you using the invoice's confirmation_secret to render the payment element?
stiff flint
exactly
dense charm
Ok. the PaymentElement will also show the instruction, it's just that it's presetented on a modal when your customer clicks on the Pay button.
stiff flint
this is not happening
dense charm
Did you see any error in the console?
stiff flint
I'm not sure if I'm missing some configuration but the Pay button is a submit of the payment data
This is my PaymentElement
<PaymentElement onChange={() => setError(undefined)} options={paymentOptions} />
<Button
variant="primary"
onClick={handleSubmit}
disabled={!stripe || loading}
className="rounded-lgpx-4 mt-2 flex cursor-pointer items-center justify-center gap-2 py-3 font-medium disabled:opacity-50"
>
Pay
</Button>
{error && <div>{error}</div>}