Remove the step counter from "Let's finish in chat" step of VBA flow

[kevinksullivan]

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!

---

Problem

The step counter within the VBA flow should not show in the "Let's finish in chat" step, which causes there to be two pages shown as "Step 5 of 5". Additionally, the copy on this page is fairly vague in explaining what we need from the user:

Thanks for doing that! We have a couple more things to work out, but it'll be easier over chat. Ready to chat?

Action Performed:

1. Create a workspace
2. Go to Connect bank account page within the workspace editor
3. Tap Connect manually and go through VBA steps using (1) within these instructions
4. Arrive at step that has the "Let's finish in chat" header

Solution

1. Remove the step counter from this step so that we don't show "step 5 of 5" prematurely.
2. Update the copy within the step to:

Thanks for doing that! We need your help verifying a few pieces of information, but we can work this out quickly over chat. Ready?

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @SofiedeVreese (AutoAssignerTriage), see https://stackoverflow.com/c/expensify/questions/4749 for more details.

[SofiedeVreese]

Looks good, let's do it!

Adding Engineering for further triaging.

[MelvinBot]

Triggered auto assignment to @thienlnam (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[thienlnam]

Marking this as internal since only we can test the VBA flows. Can't pick it up right now so dropping it back in the pool

For the engineering handling this - current step is the ValidationStep

App/src/pages/ReimbursementAccount/ValidationStep.js

Line 165 in 5763378

<HeaderWithCloseButton

And the step counter is located in the component HeaderWithCloseButton. Seems like the simplest solution would to just pass down a prop like shouldShowStepCounter and hide the

App/src/components/HeaderWithCloseButton.js

Lines 85 to 88 in 5763378

	<Header
	title={props.title}
	subtitle={props.stepCounter ? props.translate('stepCounter', props.stepCounter) : ''}
	/>