Skip to content

close paystack popup #82

Open
Open

Description

@AltaRosso

First of all, great package. Thanks!

I have a small problem and I am struggling to find a way around it. I am using the PaystackButton, after the popup opens, the background color is white and the users will not be able to see the close icon on the top right corner of the popup to CLOSE the popup if ever they choose not to continue with payment.

Could you please tell me a work around this or if possible, change it on your side.

Much appreciated,
Thanks.
close popup

Activity

  1. usmangurowa commented on Feb 21, 2024

    @usmangurowa

    @AltaRosso were u able to find a workaround?

  2. usmangurowa commented on Feb 22, 2024

    @usmangurowa

    This issue was open almost a year ago, i think it should be given some attention.

  3. AltaRosso commented on Feb 22, 2024

    @AltaRosso
    Author

    @usmangurowa I don't remember how I did it exactly but if I remember correctly, I changed the background colour of that page. Try that.

  4. usmangurowa commented on Feb 22, 2024

    @usmangurowa

    Not sure i follow, changed the background color of the current page i am using the paystack on? Care to share like a code snippet or something?

  5. AltaRosso commented on Feb 22, 2024

    @AltaRosso
    Author

    I'll try to retrieve the project. I stopped working on it, a year ago. I'll share once I get it up and running.

  6. usmangurowa commented on Feb 22, 2024

    @usmangurowa

    Okay, thanks.

  7. AltaRosso commented on Feb 22, 2024

    @AltaRosso
    Author

    @usmangurowa Could you please share your code snippet. It might help jog my memory.

    I managed to get the project running - see screenshot:
    Screenshot 2024-02-22 231528

  8. AltaRosso commented on Feb 22, 2024

    @AltaRosso
    Author

    @usmangurowa I think I got it - it seems like I ended up using the API https://paystack.com/docs/api/transaction/#initialize

    const params = JSON.stringify({ //other fields ... email: user.email, callback_url: "http://localhost:3000/paystack/payment", }); await axios.post("https://api.paystack.co/transaction/initialize", params, { headers, }) .then(async (response) => { console.log(response.data.data); })

    The response includes the authorization url, which is the checkout page.

    Let me know if this works for you.

  9. usmangurowa commented on Feb 23, 2024

    @usmangurowa

    @AltaRosso thanks man, will give it a try.

  10. micwise17 commented on Apr 15, 2026

    @micwise17

    I think it's a business move, so people can cancel, but that's not really ethical!
    I hope they make the changes necessary.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions