-
Notifications
You must be signed in to change notification settings - Fork 2
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
UI: Initiate Minting step #22
Conversation
The `LabeledBadge` component will be reused in the future. Additional changes: adjusted spacings.
Moved ModalHeader rendering to higher order component with additional label parameter. Restyled Spinner component. Added onError callback when deposit transaction is failed with storing error data (entry point for Toast component rendering).
Copied from Treshold Dashboard
Restyled component, added variable orientation and position, added optional collapsible details, improved responsive behavior.
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.
Left some comments to look at. It looks like lot of the code is copier from token-dashboard when we've already done a review. Some of the code was also cherry-picked in #21 where I've also done a review 😉
I would love to test it out once we merge other PRs
`withTotal` => `withTotalFees` `withSubTotal` => `withSubtotalFees`
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.
Addressed review comments
This commit reverts changes lost after main branch merge.
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.
Left some more comments
The `onPreviousStepClick` prop, if given, conditionally renders previous step button.
It's incorrect to wrap general-purpose elements like `div` with semantically meaningful elements like `p`. This commit resolves the issue morphing `p` into `div`.
Refactored styles to be defined as chakra theme. Replaced boolean style props with variant prop
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.
LGTM
Ref: #5
Depends on: #12
This pull request introduces redesigned Initiate Minting minting flow step.
Additional changes:
Toast
component with collapsible details, adjustable position and orientation:Position: center, expanded and collapsed details
Position: left
Position: right
LabeledBadge
component