Open-event-frontend: Add a proper button for Pay Now to pay for the tickets through stripe

[ritikamotwani]

To Reproduce
Steps to reproduce the behavior:

1. Go to e/event_identifier then order tickets
2. Click on order
3. Scroll down and fill info and choose stripe as payment option.
4. See error

Expected behavior

Add a proper UI to the Pay now button.

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: Chromium

[visuvasi]

@ritikamotwani claim

[Ananthavijay]

@ritikamotwani I couldnt find the page e/event_identifinder?

[sarnava1]

@ritikamotwani I am claiming this and working on it.

[agrawalarpit14]

@ritikamotwani I would like to work on this

[Anupam-dagar]

@ritikamotwani what is the correct url, I am getting a 404 on localhost/e/event_identifier

[pradeepgangwar]

@Anupam-dagar Correct url will be /e/{event_identifier} where event identifier is the id of the event created by you. Then to access the orders page make sure you have enabled the payment option and have proper keys set up for paypal. You should see the paynow button for paypal then.

[shubhamk1998]

@ritikamotwani @pradeepgangwar I am claiming this.

[shubhamk1998]

@srv-twry For this I have to modify stripe selector ui or pay no button

[ritikamotwani]

@sk9331657 you have to modify the Pay Now button.

[shubhamk1998]

This one

[shubhamk1998]

@ritikamotwani Am I referring right button??

[shreyanshdwivedi]

@ritikamotwani @pradeepgangwar I've made required styling change. Please verify if this style is fine?
Basically, I just added the class of Pay Now button of Order form to the stripe checkout Pay with card button.
If you both are fine with the style, I'll proceed to open a PR for this issue. Do suggest me if any kind of style change is required :))

[shubhamk1998]

@ritikamotwani @pradeepgangwar I've made required styling change. Please verify if this style is fine?
Basically, I just added the class of Pay Now button of Order form to the stripe checkout Pay with card button.
If you both are fine with the style, I'll proceed to open a PR for this issue. Do suggest me if any kind of style change is required :))

@shreyanshdwivedi Please ask maintainers before taking up the issue. I have already claimed the issue.

[shreyanshdwivedi]

@sk9331657 it has been 10 days since you claimed the issue. And as no progress was made in 10 days by you, I think anyone was free to take up this issue. 10 days are sufficiently enough time to solve this :sweat_smile:

[pradeepgangwar]

@shreyanshdwivedi @sk9331657 Sorry for late reply. But I would like to inform you that both of you are referring to wrong button.

[pradeepgangwar]

Actually the button that we are talking of comes when user selects stripe as the payment option and proceeds next.

[shreyanshdwivedi]

@pradeepgangwar I think there is a bit of confusion here. Please confirm which button you are referring to -
_Step 1 -_

_Step 2 -_

_Step 3 -_

[pradeepgangwar]

@shreyanshdwivedi as said earlier the step after we choose to pay via stripe I.e. we are referring to button in step 2.

[shreyanshdwivedi]

@pradeepgangwar I've opened the PR for button in Step 2 itself :wink:
Please refer to my PR https://github.com/fossasia/open-event-frontend/pull/1781

[pradeepgangwar]

@shreyanshdwivedi actually we need original button that is provided via stripe. Please read the stripe documentation and see if you can attach that button as we get for paypal.

[shreyanshdwivedi]

@pradeepgangwar Okay. I'll try to embed the button provided by Stripe. :smile:

[pradeepgangwar]

Cool. If that is not possible please let me know we can proceed with this for now.