-
Notifications
You must be signed in to change notification settings - Fork 93
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
Add UI updates on Campaign cards and Inline Donation component #1500
Conversation
@@ -38,6 +38,7 @@ | |||
"@mui/x-date-pickers": "^6.5.0", | |||
"@next/font": "^13.0.5", | |||
"@paypal/react-paypal-js": "^7.8.1", | |||
"@ramonak/react-progress-bar": "^5.0.3", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why is a new progress bar package needed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@sashko9807
I was not able to achieve this effect:
with the Progress bar provided from MUI (https://mui.com/material-ui/react-progress/).
Probably there is a way to do it but it would overcomplicate the logic.
If you think we should avoid the library, please share alternative ideas.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I had the same question but, now that we have the answer - all good. Later we can remove it if we find a way to do it without separate library.
Made the whole campaign card a link (currently on prod only the image is a link to campaign details).
Added hover effect on the card.
Aligned Donate button.
Add space above active campaigns.
Updated campaign cards' spacings.
Fixed console error caused by button tag inside a button tag:
Removed unnecessary white space above campaigns title:
Separated money unit from money fraction in InlineDonation component:
TODO: Add "лв' currency for BG locale.
The changes are discussed with the design team.