Description

This pull request simplifies the BuildQuote component that rendered an unresponsive period button by removing unnecessary props from the Keypad component and updates the related test snapshots to reflect these changes. The most significant updates are focused on cleaning up the UI code and ensuring the test outputs are consistent with the new implementation.

Component simplification:

• The Keypad component in BuildQuote.tsx no longer receives extra props such as currency, decimals, and periodButtonProps, and is now only passed the essential value and onChange props, removing the unresponsive button.

Changelog

CHANGELOG entry: Fixed an unresponsive period button in the Deposit keypad.

Related issues

Fixes: #21234

Manual testing steps

Feature: Deposit

  Scenario: user interacts with the keypad
    Given the Deposit build quote page

    When user interacts with the keypad
    Then the period button is not visible

Screenshots/Recordings

Before

After

Pre-merge author checklist

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

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• 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.