Skip to content

v6 - Payment method list - brand icons#2643

Open
OscarSpruit wants to merge 5 commits intomainfrom
chore/payment-method-list-brands
Open

v6 - Payment method list - brand icons#2643
OscarSpruit wants to merge 5 commits intomainfrom
chore/payment-method-list-brands

Conversation

@OscarSpruit
Copy link
Copy Markdown
Contributor

Description

This PR will make the payment method list display brand icons for the card and pay by bank US payment methods. Also, every item now displays a chevron

image

There is always a chevron displayed and optionally for some payment methods some brand icons can be displayed.
This will ensure icons with a transparent icon will have a proper background and are not displayed on top of the drop shadow.
This ensures all payment methods are displayed the same. Before Pay by bank US would only display a "+" as the brands don't come from the backend.
@OscarSpruit OscarSpruit requested a review from a team as a code owner March 20, 2026 15:34
@OscarSpruit OscarSpruit added the Chore [PRs only] Indicates any task that does not need to be mentioned in the public release notes label Mar 20, 2026
@gemini-code-assist
Copy link
Copy Markdown
Contributor

Summary of Changes

Hello, 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 of the payment method list by visually enriching each entry. It introduces brand icons for card and Pay by Bank US payment methods, making it easier for users to identify their preferred options. Additionally, a chevron icon has been added to each list item, providing a clear visual cue for navigability. These changes aim to improve the clarity and usability of the payment method selection process.

Highlights

  • Brand Icons: Introduced brand icons for card and Pay by Bank US payment methods in the payment method list.
  • Chevron Icons: Added a chevron icon to each item in the payment method list for improved visual navigation.
  • UI Refinement: Refactored the payment method list UI to support displaying multiple brand logos and a trailing chevron.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

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.

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.

@github-actions
Copy link
Copy Markdown
Contributor

✅ No public API changes

Copy link
Copy Markdown
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

The pull request enhances the payment method list UI by adding a background to network logos, introducing spacing between list items, and displaying associated payment method brands with a chevron icon for navigation. The view model and state were updated to support this new brand information, and a new drawable for the chevron icon was added. A critical accessibility issue was identified where the newly added chevron icon lacks a meaningful contentDescription, making it inaccessible to screen readers.

@sonarqubecloud
Copy link
Copy Markdown

Quality Gate Failed Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud

}
}

private const val AMOUNT_VISIBLE_BRANDS = 3
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Is it intended that this constant is in the middle of the file?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Put it there to keep it close to where it's used. I can put it on top as well to align with standard conventions. What do you prefer?

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Up to you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Chore [PRs only] Indicates any task that does not need to be mentioned in the public release notes size:tiny

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants