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: Wallet connection info alert #917

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

kpyszkowski
Copy link
Contributor

Closes: AENG-24

This pull request focuses on refactoring the wallet connection error handling system to use alerts of multiple types. The changes include renaming components and contexts, updating imports and hooks, and modifying the structure of connection alerts.

Changes:

  • Remove status from WalletConnectionAlertContext: Storing status in context is redundant. It was always "error" and having it in context made it difficult to control. The status property has only presentational purpose so it should be adjustable at the component level.
  • Adjust Alert component styling: Change title font weight and removed margin.
  • Adjust Modal component styling to match designs: Update paddings to match designs
Before: image
After: image

Copy link

linear bot commented Dec 5, 2024

Copy link

netlify bot commented Dec 5, 2024

Deploy Preview for acre-dapp-testnet ready!

Name Link
🔨 Latest commit 0760693
🔍 Latest deploy log https://app.netlify.com/sites/acre-dapp-testnet/deploys/67585dfb638e7a00085c2e1f
😎 Deploy Preview https://deploy-preview-917--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.

Copy link

netlify bot commented Dec 5, 2024

Deploy Preview for acre-dapp ready!

Name Link
🔨 Latest commit 0760693
🔍 Latest deploy log https://app.netlify.com/sites/acre-dapp/deploys/67585dfbb8cf6100082f76ce
😎 Deploy Preview https://deploy-preview-917--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.

@@ -22,7 +22,7 @@ import Spinner from "./Spinner"
const STATUSES = {
info: {
icon: IconInfoCircle,
colorScheme: "gold",
colorScheme: "blue",
Copy link
Contributor

Choose a reason for hiding this comment

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

This change affects all alerts in the dApp. We probably don't want that but it should be confirmed with Sorin. We should probably set colorScheme when we define CONNECTION_ALERTS. This solution seems the easiest until we have a styleguide.

Screenshot 2024-12-10 at 09 07 11 Screenshot 2024-12-10 at 09 16 13

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed. Ref commit: 8f4faff

image image image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants