[Remove Vuetify from Studio] Informative pages in Accounts #5635
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.
Summary
The following PR helps the initiative of removing Vuetify from Studio. This focuses on the accounts page, where previously,
MessageLayouta vuetify built component was used. I have designed another component,StudioMessageLayout, which is built usingStudioPageand custom styling. The PR has not explicitly removedMessageLayoutor affected its present behavior. Instead ,its usage has been removed and replaced in the following files:accounts/pages/accountDeleted/AccountDeleted.vueaccounts/pages/activateAccount/AccountCreated.vueaccounts/pages/activateAccount/AccountNotActivated.vueaccounts/pages/activateAccount/ActivationExpired.vueaccounts/pages/activateAccount/ActivationLinkReSent.vueaccounts/pages/activateAccount/ActivationSent.vueaccounts/pages/resetPassword/PasswordInstructionsSent.vueaccounts/pages/resetPassword/ResetLinkExpired.vueaccounts/pages/resetPassword/ResetPasswordSuccess.vuescreenshots
Since adding all the images in the PR would make it lengthy, I have uploaded all of them with labels in the following google-drive link: Studio issue#5631
References
Closes #5631
Reviewer guidance
The changes are reflected in the following files. After going to the login page, adding the following URL will take to the page:
AccountDeleted.vue= /account-deletedAccountCreated.vue= /account-createdAccountNotActivated.vue= /account-not-activeActivationExpired.vue= /activation-expiredActivationLinkReSent.vue= /activation-resentActivationSent.vue= /activation-sentPasswordInstructionsSent.vue= /password-reset-sentResetLinkExpired.vue= /reset-expiredResetPasswordSuccess.vue= /password-reset-success…