[Hold] $250 Workspace - Checkmark icon not displayed after copying email

[isagoico]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel! https://www.upwork.com/jobs/~01228c64f5fadb4c43

---

Action Performed:

1. Launch the app
2. Log in with expensifail account
3. Select any Workspace
4. Go to Capture Receipts and Click on Copy icon by the receipts@expensify.com
5. Go to Manage your bill and Click on Copy icon by the applause.expensifail.com@expensify.com

Expected Result:

Checkmark should be displayed after copying email.

Actual Result:

Empty space displayed after copying email

Workaround:

None needed. Visual issue.

Platform:

Where is this issue occurring?

• Android

Version Number: 1.1.7-22

Reproducible in staging?: Yes
Reproducible in production?: No (New feature)

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Bug5281834_Screen_Recording_20211014-211047_New_Expensify.mp4

Expensify/Expensify Issue URL:

Issue reported by: Applause
Slack conversation:

View all open jobs on GitHub

[MelvinBot]

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

[MonilBhavsar]

Related to N6, so handling internally

[MonilBhavsar]

Confirmed, it's occurring on Android only

[MonilBhavsar]

The checkmark icon here is not rendering after the timeout event. Replaced <Icon> with <Text> and verified the state is changing properly, only icon is not rendering.

App/src/components/CopyTextToClipboard.js

Lines 49 to 57 in e31c8f4

	<Text
	onPress={this.copyToClipboard}
	style={[styles.flexRow, styles.cursorPointer]}
	>
	<Text style={this.props.textStyles}>{this.props.text}</Text>
	{this.state.showCheckmark
	? <Icon src={Checkmark} height={14} width={14} />
	: <Icon src={ClipboardIcon} height={14} width={14} />}
	</Text>

Wrapping it inside <TouchableOpacity> shows check mark properly. For mobile device, we need to adjust styling to align the component

[mvtglobally]

Issue reproducible during KI retests.

[MonilBhavsar]

Working on it