metamask-extension icon indicating copy to clipboard operation
metamask-extension copied to clipboard

refactor: replace typography with text component in creation-successful.js

Open devin-ai-integration[bot] opened this issue 8 months ago • 4 comments

Description

Migrated the Typography component to the Text component in the creation-successful.js file. This change is part of the ongoing effort to replace the deprecated Typography component with the new Text component across the codebase.

  1. What is the reason for the change?

    • The Typography component is deprecated and needs to be replaced with the new Text component to ensure consistency and maintainability in the codebase.
  2. What is the improvement/solution?

    • Replaced all instances of the Typography component with the equivalent Text component in the creation-successful.js file. Updated the import statements and adjusted the props accordingly.

Devin Preview Link : https://preview.devin.ai/devin/5831161584324481b1fa0cf772bf56bb

Open in GitHub Codespaces

Related issues

Partially Fixes: https://github.com/MetaMask/metamask-extension/issues/17670

Manual testing steps

  1. Go to the latest build of storybook in this PR
  2. Verify that the CreationSuccessful component renders correctly without any visual regressions.
  3. Ensure that the text and layout are consistent with the "before" state.

Screenshots/Recordings

Before

After

Pre-merge author checklist

  • [X] I’ve followed MetaMask Coding Standards.
  • [X] I've completed the PR template to the best of my ability
  • [X] I’ve included tests if applicable
  • [X] I’ve documented my code using JSDoc format if applicable
  • [X] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

  • [x] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • [x] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.