GrafeasGroup / blossom

The website. The app. The everything.
6 stars 3 forks source link

Upgrade Stripe Checkout #91

Closed itsthejoker closed 4 years ago

itsthejoker commented 4 years ago

Relevant issue: https://github.com/GrafeasGroup/blossom/issues/6

Description:

The existing version of Stripe Checkout we were using was... essentially a cobbled-together system where we rendered three instances of the same system and then tied it together with some JS, and it still looked janky. Since then, Stripe has released a new version of the Checkout system that works so much better and applies very well to our circumstances, including being able to take any amount and handling international payments!

This PR rips out the old system and replaces it wholesale with the new Stripe Checkout flow. To give it a try yourself, run python manage.py bootstrap site --settings=blossom.local_settings and then run the server. You can access the page through the "Giving to Grafeas" link in the top bar.

Screenshots are below. Also includes a handful of very minor fixes and a small library that I wrote to make mailto links nicer to use.

Screenshots:

New main page! ![image](https://user-images.githubusercontent.com/5179553/92339573-d2ba5e80-f084-11ea-9339-c436aad379d1.png) Mobile friendly! ![image](https://user-images.githubusercontent.com/5179553/92339591-f2ea1d80-f084-11ea-8a36-9cf5a6d66476.png) Routes a branded Stripe page! ![image](https://user-images.githubusercontent.com/5179553/92339609-0bf2ce80-f085-11ea-9185-434f631b2470.png)

Checklist: