[HOLD for payment 2021-10-30] Workspace - Reduce button size in invite members modal - Reported by: @akshayasalvi

[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!

---

Action Performed:

1. Log in with an account with existing workspace
2. Navigate to workspace > manage members

Expected Result:

Buttons should have a regular size.

Actual Result:

Buttons are bigger compared to other buttons in the app.

Workaround:

N/A visual issue.

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.7-3

Reproducible in staging?: Yes
Reproducible in production?: Yes

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

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

Issue reported by: @akshayasalvi
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1633982850137800

View all open jobs on GitHub

[MelvinBot]

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

[MelvinBot]

Triggered auto assignment to @sylveawong (Design), see these Stack Overflow questions for more details.

[akshayasalvi]

Proposed Solution

As per the discussion in the slack thread, we agreed to make the buttons smaller right now.

In WorkspaceMembesPage, add small prop to Button

<Button
      small
      success
      text={this.props.translate('common.invite')}
      onPress={() => this.inviteUser()}
  />
  <Button
      small
      danger
      style={[styles.ml2]}
      isDisabled={this.state.selectedEmployees.length === 0}
      text={this.props.translate('common.remove')}
      onPress={this.askForConfirmationToRemove}
  />

With the small prop.

[MelvinBot]

Triggered auto assignment to @stephanieelliott (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[stephanieelliott]

Posted to Upwork: https://www.upwork.com/jobs/~0156743bc4a4af3815