Merged
Conversation
* Premium backup stakers Modal * premium modal fix * backup active and available checks * update comments
* [WIP] new disclaimer modal * formatting files * disclaimer data fix * modal copy fix * Accordion component * rename Accordion * dark mode fixes
Closed
Contributor
Author
|
@copilot review the PR |
Contributor
|
@mateumiralles I've opened a new pull request, #2366, to work on those changes. Once the pull request is ready, I'll request review from you. |
Contributor
|
@copilot review this PR. im interested mainly in checking logic changes that might introduce new bugs or trigger an unwanted behaviour. Be extra careful when reviewing the changes done in packages/admin-ui/src/pages/stakers/components/StakerNetwork.tsx |
Contributor
Marketen
approved these changes
Feb 27, 2026
pablomendezroyo
pushed a commit
that referenced
this pull request
Mar 9, 2026
Refactor stakers Modals
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces two new reusable components for the UI: a generic
CollapsibleList(accordion) and a brandedBasePromotionModal, along with their associated styles. These components are then used to implement new modals for staker disclaimers and premium user flows, improving both code modularity and user experience. The changes also include modern, responsive, and accessible SCSS styles for these components.The modal logic that previously lived inside the components has been moved into a dedicated hook,
useStakerModals.tsx, which is now responsible for controlling how these modals are displayed.New reusable components and their integration:
Collapsible List (Accordion):
CollapsibleListReact component with support for multiple or single open sections, used for displaying structured lists such as terms of use.Promotion Modal:
BasePromotionModalcomponent for displaying promotional or informational modals, supporting custom images, primary/secondary actions, and flexible button behavior (action, internal link, external link).Integration into staker and premium flows:
Staker Disclaimer Modal:
StakerDisclaimerModalthat usesCollapsibleListto present terms of use sections, with acceptance logic and custom styling for clarity and accessibility. [1] [2]Premium Modals:
UpgradeToPremiumModalandActivateBackupModalcomponents, leveragingBasePromotionModalto guide users through premium upgrade and backup activation flows.Most important changes:
Component Development:
CollapsibleListandCollapsibleListItemcomponents for reusable accordion-style UI, with configurable open/close logic.BasePromotionModalfor consistent, visually appealing promotional modals with flexible action handling.Styling and Theming:
collapsibleListandbasePromotionModal, ensuring responsive design and dark mode compatibility. [1] [2]Feature Integration:
StakerDisclaimerModalusingCollapsibleListto display terms of use with acceptance logic, and added dedicated styles. [1] [2]UpgradeToPremiumModal,ActivateBackupModal) usingBasePromotionModalfor improved user guidance in premium flows.