Skip to content

Workspace - The price $9 in upgrade page is not legible in light mode #44965

Description

@lanitochka17

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!


Version Number: 9.0.5-3
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught during regression testing, add the test name, ID and link from TestRail: N/A
Issue reported by: Applause - Internal Team

Issue found when executing PR #43822

Action Performed:

Precondition:

  • App theme is light
  1. Go to staging.new.expensify.com
  2. Go to Workspace settings.
  3. Add upgrade/report-fields to the url (eg, https://staging.new.expensify.com/settings/workspaces/31DF97D37125FBD6/upgrade/report-fields
    )

Expected Result:

The content will be legible in light mode

Actual Result:

The price $9 is not legible in light mode

Workaround:

Unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

  • Android: Native
  • Android: mWeb Chrome
  • iOS: Native
  • iOS: mWeb Safari
  • MacOS: Chrome / Safari
  • MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

08 07 2024

View all open jobs on GitHub

Activity

  1. added
    DeployBlockerCashThis issue or pull request should block deployment
    DeployBlockerIndicates it should block deploying the API
    on Jul 8, 2024
  2. melvin-bot commented on Jul 8, 2024

    @melvin-bot

    Triggered auto assignment to @Gonals (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

  3. github-actions commented on Jul 8, 2024

    @github-actions
    Contributor

    👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

    1. Identify the pull request that introduced this issue and revert it.
    2. Find someone who can quickly fix the issue.
    3. Fix the issue yourself.
  4. lanitochka17 commented on Jul 8, 2024

    @lanitochka17
    Author

    @Gonals FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors

  5. lanitochka17 commented on Jul 8, 2024

    @lanitochka17
    Author

    We think that this bug might be related to #wave-collect - Release 2

  6. etCoderDysto commented on Jul 8, 2024

    @etCoderDysto
    Contributor

    Proposal

    Please re-state the problem that we are trying to solve in this issue.

    The price $9 in upgrade page is not legible in light mode

    What is the root cause of that problem?

    We are passing styles.textWhite instead of styles.themeTextColor here

    <Text style={[styles.textWhite, styles.textBold]}>{translate(`workspace.upgrade.${feature.id}.pricing.amount`)}</Text>

    What changes do you think we should make in order to solve the problem?

    Change styles.textWhite to styles.themeTextColor below

    <Text style={[styles.textWhite, styles.textBold]}>{translate(`workspace.upgrade.${feature.id}.pricing.amount`)}</Text>

    What alternative solutions did you explore? (Optional)

  7. ShridharGoel commented on Jul 8, 2024

    @ShridharGoel
    Contributor

    Proposal

    Please re-state the problem that we are trying to solve in this issue.

    Workspace - The price $9 in upgrade page is not legible in light mode.

    What is the root cause of that problem?

    Text colour is fixed to white in the below line, which makes it not legible in light mode.

    <Text style={[styles.textWhite, styles.textBold]}>{translate(`workspace.upgrade.${feature.id}.pricing.amount`)}</Text>

    What changes do you think we should make in order to solve the problem?

    styles.textWhite needs to be removed.

    <Text style={[styles.textNormal, styles.textSupporting]}>
        {translate(`workspace.upgrade.${feature.id}.pricing.onlyAvailableOnPlan`)}
        <Text style={[styles.textBold]}>{translate(`workspace.upgrade.${feature.id}.pricing.amount`)}</Text>
        {translate(`workspace.upgrade.${feature.id}.pricing.perActiveMember`)}
    </Text>
    
  8. Julesssss commented on Jul 8, 2024

    @Julesssss
    Contributor

    This was a side effect of this PR.

  9. added
    ImprovementItem broken or needs improvement.
    and removed
    DeployBlockerIndicates it should block deploying the API
    DeployBlockerCashThis issue or pull request should block deployment
    on Jul 8, 2024
  10. added
    ReviewingHas a PR in review
    and removed on Jul 8, 2024
  11. Julesssss commented on Jul 8, 2024

    @Julesssss
    Contributor

    I realise this shouldn't be a blocker as the feature is locked, but I had already started...

    PR in review

  12. Julesssss commented on Jul 8, 2024

    @Julesssss
    Contributor

    Merged, no need to CP

  13. ShridharGoel commented on Jul 30, 2024

    @ShridharGoel
    Contributor

    @Julesssss Should this be closed?

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions