Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(frontend): complete a subscription #1942

Merged
merged 3 commits into from
Sep 11, 2024
Merged

feat(frontend): complete a subscription #1942

merged 3 commits into from
Sep 11, 2024

Conversation

roschaefer
Copy link
Contributor

@roschaefer roschaefer commented Sep 4, 2024

Motivation

Who: Users
What: Click on a button "Complete a subscription" to send money on a monthly basis to the company running "DreamMall".
Why: Because I want to support the development of this wonderful piece of software as well as the hosting and administration of it.


  1. Visit http://localhost:3000/cockpit
  2. Click on "Upgrade to premium"
  3. See instructions how to make a bank transfer

image

You can change the amount and it will update the QR code.

There is another refactoring which affects the cockpit as a whole:
I removed the narrow property which is unnecessary.

  • Increased max width and height for the cockpit cards

close #1030

@roschaefer roschaefer force-pushed the sepa-payment branch 4 times, most recently from 3239ba8 to ea5e674 Compare September 9, 2024 13:07
@roschaefer roschaefer changed the title Sepa payment feat: sepa-payment component Sep 9, 2024
@roschaefer roschaefer changed the title feat: sepa-payment component feat(frontend): complete a subscription Sep 9, 2024
@roschaefer roschaefer force-pushed the sepa-payment branch 7 times, most recently from 1c91d2b to 7ad7e54 Compare September 9, 2024 15:08
@Bettelstab
Copy link
Contributor

Please keep in mind that the cockpit layout will change over time (see drafts in Figma) It might be better to keep it separate from this one.

"subtitle": "Upgrade auf Premium, um weitere Funktionen freizuschalten",
"title": "Upgrade auf Premium"
},
"sepaIban": {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like how you perfectly adapt to the case conventions of this document... xD

@roschaefer roschaefer force-pushed the sepa-payment branch 3 times, most recently from fed9323 to 3e3432a Compare September 10, 2024 19:55
@@ -19,7 +19,7 @@

@media #{map.get($display-breakpoints, 'md-and-up')} {
.cockpit {
grid-template-columns: 335px 335px;
grid-template-columns: 380px 380px;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just found it extremely narrow for tablet and up.

@@ -0,0 +1,101 @@
// source: https://github.com/derhuerst/sepa-payment-qr-code
import IBAN from 'iban'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would like to contribute this back, as it's one of their issues: derhuerst/sepa-payment-qr-code#6

@roschaefer roschaefer marked this pull request as ready for review September 10, 2024 20:00
Elweyn
Elweyn previously approved these changes Sep 11, 2024
Copy link
Member

@Elweyn Elweyn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems good to show the direction.
I think that the new page payment should be in an popup, but this should be defined by @Hardy-Hart-am-Start for a next sprint

Comment on lines 108 to 109
"title": "Account details",
"amount": "Amount in Euro",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"title": "Account details",
"amount": "Amount in Euro",
"title": "Account details",
"accountHolder": "Account owner",
"amount": "Amount in Euro",

Motivation
----------
Who: Users
What: Click on a button "Complete a subscription" to send money on a monthly basis to the company running "DreamMall".
Why: Because I want to support the development of this wonderful piece of software as well as the hosting and administration of it.

-----------
1. Visit http://localhost:3000/cockpit
2. Click on "Upgrade to premium"
3. See instructions how to make a bank transfer

You can change the amount and it will update the QR code.

There is another refactoring which affects the cockpit as a whole:
I removed the `narrow` property which is unnecessary.

+ Increased max width and height for the cockpit cards

close #1030
@roschaefer roschaefer merged commit dfb41d4 into master Sep 11, 2024
28 checks passed
@ulfgebhardt ulfgebhardt deleted the sepa-payment branch September 12, 2024 21:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

🚀 [Feature] Complete a subscription
3 participants