Skip to content

Conversation

johnayeni
Copy link
Contributor

Summary

  • Update Pix component UI to display the Pix code
  • Remove unused pix translations

Preview

Screenshot 2025-09-30 at 15 00 11

Tested scenarios

  • Unit tests
  • Manual testing

Fixed issue:

Copy link

changeset-bot bot commented Sep 30, 2025

🦋 Changeset detected

Latest commit: 7602de4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@adyen/adyen-web Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

netlify bot commented Sep 30, 2025

Deploy Preview for adyen-web ready!

Name Link
🔨 Latest commit 7602de4
🔍 Latest deploy log https://app.netlify.com/projects/adyen-web/deploys/68dfdde5a0f992000853a5c6
😎 Deploy Preview https://deploy-preview-3542.checkout-web-dev.adyen.com
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

Summary of Changes

Hello @johnayeni, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request enhances the user experience for the Pix payment method by simplifying its interface. Instead of requiring users to switch between a QR code view and a copy-paste code view, both the QR code and the scannable/copyable Pix code are now displayed simultaneously. This change aims to make the payment process more intuitive and efficient for users. Concurrently, obsolete code and translation strings associated with the previous dual-view approach have been cleaned up.

Highlights

  • UI Update: The Pix component UI has been updated to directly display the Pix code alongside the QR code, removing the previous segmented control for switching between views.
  • Code Simplification: The PixCode.tsx component has been removed, and its functionality integrated directly into PixQRDetails.tsx for a more streamlined implementation.
  • Translation Cleanup: Unused translation keys related to the old segmented control for Pix instructions and options have been removed across various language files.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request effectively updates the Pix component UI by displaying the Pix code directly, which is a great improvement for user experience. The removal of the tabbed view simplifies the interface, and the corresponding cleanup of SCSS, tests, and translation files is well-executed. I have one suggestion to improve the robustness of the new layout styling.

Copy link
Contributor

github-actions bot commented Sep 30, 2025

size-limit report 📦

Path Size
UMD 113.64 KB (-0.09% 🔽)
Auto 120.03 KB (-0.12% 🔽)
ESM - Core 23.85 KB (0%)
ESM - Core + Card 64.05 KB (0%)
ESM - Core + Dropin with Card 68.79 KB (0%)

@m1aw m1aw force-pushed the COSDK-618-update-pix-code-ui branch from 1456744 to 5538818 Compare October 1, 2025 16:35
@johnayeni johnayeni requested a review from a team as a code owner October 3, 2025 14:06
Copy link

sonarqubecloud bot commented Oct 3, 2025

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants