feat(editor): Rework banners framework and add email confirmation banner (#7205)
This PR introduces banner framework overhaul: First version of the banner framework was built to allow multiple banners to be shown at the same time. Since that proven to be the case we don't need and it turned out to be pretty messy keeping only one banner visible in such setup, this PR reworks it so it renders only one banner at a time, based on [this priority list](https://www.notion.so/n8n/Banner-stack-60948c4167c743718fde80d6745258d5?pvs=4#6afd052ec8d146a1b0fab8884a19add7) that is assembled together with our product & design team. ### How to test banner stack: 1. Available banners and their priorities are registered [here](f9f122d46d/packages/editor-ui/src/components/banners/BannerStack.vue (L14)) 2. Banners are pushed to stack using `pushBannerToStack` action, for example: ``` useUIStore().pushBannerToStack('TRIAL'); ``` 4. Try pushing different banners to stack and check if only the one with highest priorities is showing up ### How to test the _Email confirmation_ banner: 1. Comment out [this line](b80d2e3bec/packages/editor-ui/src/stores/cloudPlan.store.ts (L59)), so cloud data is always fetched 2. Create an [override](https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii) (URL -> File) that will serve user data that triggers this banner: - **URL**: `*/rest/cloud/proxy/admin/user/me` - **File**: ``` { "confirmed": false, "id": 1, "email": "test@test.com", "username": "test" } ``` 3. Run n8n
This commit is contained in:
committed by
GitHub
parent
2491ccf4d9
commit
b0e98b59a6
@@ -116,6 +116,13 @@
|
||||
"auth.signup.setupYourAccount": "Set up your account",
|
||||
"auth.signup.setupYourAccountError": "Problem setting up your account",
|
||||
"auth.signup.tokenValidationError": "Issue validating invite token",
|
||||
"banners.confirmEmail.message.1": "You need access to your admin email inbox to make sure you can reach your admin dashboard. Please make sure that your admin email",
|
||||
"banners.confirmEmail.message.2": "is accessible and confirmed.",
|
||||
"banners.confirmEmail.button": "Confirm email",
|
||||
"banners.confirmEmail.toast.success.heading": "Confirmation email sent",
|
||||
"banners.confirmEmail.toast.success.message": "Please check your inbox and click the confirmation link.",
|
||||
"banners.confirmEmail.toast.error.heading": "Problem sending confirmation email",
|
||||
"banners.confirmEmail.toast.error.message": "Please try again later.",
|
||||
"banners.nonProductionLicense.message": "This n8n instance is not licensed for production purposes!",
|
||||
"banners.trial.message": "1 day left in your n8n trial | {count} days left in your n8n trial",
|
||||
"banners.trialOver.message": "Your trial is over. Upgrade now to keep automating.",
|
||||
|
||||
Reference in New Issue
Block a user