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

dApp: Points card update #839

Merged
merged 3 commits into from
Nov 12, 2024
Merged

dApp: Points card update #839

merged 3 commits into from
Nov 12, 2024

Conversation

kpyszkowski
Copy link
Contributor

@kpyszkowski kpyszkowski commented Nov 8, 2024

Closes: #802

This pull request includes various updates to the AcrePointsCard component and some theme adjustments. The key changes involve updating the imports, adding new assets, modifying styles, and enhancing the user interface.

Changes:

  • Replaced Stack with Image in the import statement to include image assets. (dapp/src/pages/DashboardPage/AcrePointsCard.tsx)
  • Added new constants for colors and imported acrePointsIllustrationSrc for the Acre Points illustration. (dapp/src/pages/DashboardPage/AcrePointsCard.tsx)
  • Changed TextMd font weight from bold to medium for the "Total Acre points" text. (dapp/src/pages/DashboardPage/AcrePointsCard.tsx)
  • Updated the H4 element to use semibold font weight and added an image below the user data skeleton. (dapp/src/pages/DashboardPage/AcrePointsCard.tsx)
  • Replaced Stack with HStack for better alignment and updated styles for the countdown and button components. (dapp/src/pages/DashboardPage/AcrePointsCard.tsx)

Note:

Theme colors and button styles is a complex change which might cause unexpected issues.
Should be handled separately. Card component updates should be handled separately as well.

Preview:

image image image (5)

Copy link

netlify bot commented Nov 8, 2024

Deploy Preview for acre-dapp ready!

Name Link
🔨 Latest commit b86ac70
🔍 Latest deploy log https://app.netlify.com/sites/acre-dapp/deploys/6733ccf77417b100089c5afd
😎 Deploy Preview https://deploy-preview-839--acre-dapp.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Nov 8, 2024

Deploy Preview for acre-dapp-testnet ready!

Name Link
🔨 Latest commit b86ac70
🔍 Latest deploy log https://app.netlify.com/sites/acre-dapp-testnet/deploys/6733ccf7f394330008a4b37a
😎 Deploy Preview https://deploy-preview-839--acre-dapp-testnet.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@nkuba nkuba enabled auto-merge November 12, 2024 21:47
@nkuba nkuba merged commit e0f8069 into main Nov 12, 2024
26 of 28 checks passed
@nkuba nkuba deleted the points-card-update branch November 12, 2024 21:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update UI of Points Component
3 participants