[$125][Offline] Report Fields - Report field list is not grayed out when toggled on or off offline

[IuliiaHerets]

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: v9.0.93-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
Email or phone of affected tester (no customers): applausetester+ds@applause.expensifail.com
Issue reported by: Applause Internal Team
Device used: Mac 14.5/ Chrome
App Component: Workspace Settings

Action Performed:

1. Go to staging.new.expensify.com
2. Go to Workspace settings > Report fields (enable from More features)
3. Create a report field with the type List > navigate to the List page.
4. Go Offline
5. Toggled on or off.

Expected Result:

List is grayed out when editing the status offline. Same in other place like categories and tags

Actual Result:

List is not grayed out when Toggled on or off the status offline.

Workaround:

Unknown

Platforms:

• Android: Standalone
• Android: HybridApp
• Android: mWeb Chrome
• iOS: Standalone
• iOS: HybridApp
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug6729647_1738338476472.Screen_Recording_2025-01-31_at_6.32.46_in_the_evening.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021886363521787391290
• Upwork Job ID: 1886363521787391290
• Last Price Increase: 2025-03-17

Issue Owner

Current Issue Owner: @getusha

[melvin-bot]

Triggered auto assignment to @VictoriaExpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[twilight2294]

🚨 Edited by proposal-police: This proposal was edited at 2025-01-31 18:29:09 UTC.

Proposal

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

Report field list is not grayed out when toggled on or off offline

What is the root cause of that problem?

In updateReportFieldListValueEnabled, we do not add optimistic pending update action:

App/src/libs/actions/Policy/ReportField.ts

Line 383 in 632a035

function updateReportFieldListValueEnabled(policyID: string, reportFieldID: string, valueIndexes: number[], enabled: boolean) {

Then in ReportFieldsListValuesPage we do not have any pendingAction prop for the field values, which causes the items to not recognize the optimistic update state:

App/src/pages/workspace/reportFields/ReportFieldsListValuesPage.tsx

Line 110 in 632a035

const listValuesSections = useMemo(() => {

Then again in the setting page ReportFieldsValueSettingsPage, the toggle is not wrapped with OfflineWithFeedback:

App/src/pages/workspace/reportFields/ReportFieldsValueSettingsPage.tsx

Lines 118 to 123 in 632a035

	<View style={[styles.flexRow, styles.mb5, styles.mr2, styles.alignItemsCenter, styles.justifyContentBetween]}>
	<Text>{translate('workspace.reportFields.enableValue')}</Text>
	<Switch
	isOn={!currentValueDisabled}
	accessibilityLabel={translate('workspace.reportFields.enableValue')}
	onToggle={updateListValueEnabled}

All of this causes the fields to not gray out when toggled on or off

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

1. We need to add optimistic pending action here:

 valueIndexes.forEach((valueIndex) => {
        updatedReportField.disabledOptions[valueIndex] = !enabled;
        const shouldResetDefaultValue = !enabled && reportField.defaultValue === reportField.values.at(valueIndex);

        if (shouldResetDefaultValue) {
            updatedReportField.defaultValue = '';
        }
        updatedReportField.pendingAction = CONST.RED_BRICK_ROAD_PENDING_ACTION.UPDATE;
    });

2. Then we need to add pendingAction to data in listValuesSections here.

3. then finally add OfflineWithFeedback here

If same exists for add and delete, then fix those too

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N/A offline bug

What alternative solutions did you explore? (Optional)

[VictoriaExpensify]

So, I think we probably should fix this for consistency. But it seems like a pretty low priority because it doesn't really have an impact on the way a customer uses the platform. I'm going to decrease the bounty on this one. If I have misunderstood something to do with the complexity or significance of this issue, please let me know and I can reassess.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021886363521787391290