Skip to content

feat: Add receipt and price icons to prices screen #6421

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 11 commits into
base: develop
Choose a base branch
from

Conversation

vinay769
Copy link
Contributor

@vinay769 vinay769 commented Mar 6, 2025

What

  • Added receipt and price icons to the price page to improve visual clarity and user understanding.
  • Change the RadioListTile Widget to Radio widget to show the icon of receipt and price tag

  feat, for Features enhancing User Experience and User Interface

Screenshot

Screenshot 2025-03-07 010736

Part of 

@teolemon
Copy link
Member

teolemon commented Mar 7, 2025

@vinay769 Run dart format --set-exit-if-changed .
Formatted packages/smooth_app/lib/pages/prices/price_proof_card.dart
Formatted 567 files (1 changed) in 1.88 seconds.
Error: Process completed with exit code 1.

@vinay769
Copy link
Contributor Author

vinay769 commented Mar 8, 2025

hello @teolemon Ran dart format command and can you please review thanks

Copy link
Member

@AshAman999 AshAman999 left a comment

Choose a reason for hiding this comment

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

Hey @vinay769

Left some comments

@codecov-commenter
Copy link

codecov-commenter commented Mar 10, 2025

Codecov Report

Attention: Patch coverage is 0% with 16 lines in your changes missing coverage. Please review.

Project coverage is 5.84%. Comparing base (4d9c7fc) to head (b5ef09c).
Report is 800 commits behind head on develop.

Files with missing lines Patch % Lines
.../smooth_app/lib/pages/prices/price_proof_card.dart 0.00% 16 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           develop   #6421      +/-   ##
==========================================
- Coverage     9.54%   5.84%   -3.71%     
==========================================
  Files          325     490     +165     
  Lines        16411   29259   +12848     
==========================================
+ Hits          1567    1711     +144     
- Misses       14844   27548   +12704     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

@vinay769
Copy link
Contributor Author

vinay769 commented Mar 10, 2025

done with this thanks to @AshAman999 @teolemon please take a look

Copy link
Contributor

@monsieurtanuki monsieurtanuki left a comment

Choose a reason for hiding this comment

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

Hi @vinay769!

There are conflicts to be fixed, because of recent changes in the master branch.
You should add your IconData in ProofTypeExtension.

I'm very worried about the UI.
You're lucky because your screenshots are in English, with small words.
Would you please try with different longer labels? I suggest "Ticket de caisse" and "Etiquette de prix".

@vinay769
Copy link
Contributor Author

Okay thanks for you valuable feedback @monsieurtanuki i was working on this and get back to you ASAP with great solution

@vinay769
Copy link
Contributor Author

hello @monsieurtanuki @teolemon
Screenshot_20250315_235626
Screenshot_20250315_235335

  1. is it okay to put icon after text
  2. is i have a permission to change the font size to fit the text in one line

if both the above answer is yes then the UI is ready to merge
please help me with this
thank you

@monsieurtanuki
Copy link
Contributor

Hi @vinay769!
I'm not a big fan of the UI.
Would you try with 2 rows of radio buttons, instead of 2 columns? Please post the screenshots.

@vinay769
Copy link
Contributor Author

hello @monsieurtanuki
Screenshot_20250316_125220
Screenshot_20250316_125141

Would you kindly review the following code and provide feedback for optimization?

Copy link
Contributor

@monsieurtanuki monsieurtanuki left a comment

Choose a reason for hiding this comment

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

Hi @vinay769!
Please have a look at my comments.

Would you try with 2 rows of radio buttons, instead of 2 columns? Please post the screenshots.

In case my demand is not explicit enough given the polysemous concepts of rows and columns (especially in flutter), let me draw what I intended.
* Column 1 | * Column 2
and
* Row 1 _______________
* Row 2 _______________

child: RadioListTile<ProofType>(
title: Text(item.getTitle(appLocalizations)),
value: item,
children: <Widget>[
Copy link
Contributor

Choose a reason for hiding this comment

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

You've rolled back the previous code.
Please stick to the previous code unless you have a good reason. Duplicating code is not a good reason.

final BuildContext context, {
required final List<_ProofSource> sources,
}) async {
static Future<_ProofSource?> select(final BuildContext context) async {
Copy link
Contributor

Choose a reason for hiding this comment

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

Please stick to the previous code (especially as you've removed bug fixes).
Besides, _ProofSource has nothing to do with the current PR, therefore I wouldn't expect reviewing that code.
Unless there's a good reason.

@g123k
Copy link
Collaborator

g123k commented Mar 17, 2025

Hello @vinay769,

You can use the following layout:
iPhone 14 Pro Max Copy

  • The toggle is now on top of the screen
  • For the custom icons, I will add them later (or edit your PR)

This component will be used elsewhere in the app, so don't hesitate to make it generic.
It doesn't necessarily rely on an existing Widget in the Material and Cupertino libs.

@vinay769
Copy link
Contributor Author

Hello @vinay769,

You can use the following layout:
iPhone 14 Pro Max Copy

  • The toggle is now on top of the screen
  • For the custom icons, I will add them later (or edit your PR)

This component will be used elsewhere in the app, so don't hesitate to make it generic.
It doesn't necessarily rely on an existing Widget in the Material and Cupertino libs.

Thanks @g123k for this.

@g123k
Copy link
Collaborator

g123k commented Apr 14, 2025

Any update on this?
If you can't work on this PR, please let us know.

@vinay769
Copy link
Contributor Author

Hello @g123k,
I am currently not working on this issue. Please feel free to assign it to someone else who is interested in resolving it.
Thank you!

@g123k g123k marked this pull request as draft April 17, 2025 05:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Backlog
Status: 💬 To discuss and validate
Development

Successfully merging this pull request may close these issues.

Add receipt and price tag icons
6 participants