By submitting a PR to this repository, you agree to the terms within the Auth0 Code of Conduct. Please see the contributing guidelines for how to create and submit a high-quality PR for this repo.

Description

The following PR adds the step four component, which shows the decoded token payload. The changes include:

• Adds a new variant prop for button to handle two different styles
• Update codeblock types to avoid impossible states
• Update codeblock to render json response
• Update values on the globals styling scss file

Screenshots

• Dark theme

Desktop

Mobile

• Light Theme

Desktop

Mobile

References

Link to Figma design

Testing

• Verify that the step four component matches the design on the figma file (dark/light mode, desktop, tablet and mobile)
• Verify the Codeblock component has horizontal scrolling on mobile
• Verify the start over and log out buttons are accessible and clickable

Checklist

• I have added documentation for new/changed functionality in this PR or in auth0.com/docs
• All active GitHub checks for tests, formatting, and security are passing
• The correct base branch is being used, if not the default branch