[Due for payment 2025-12-31] [$250] [Due for payment 2025-12-04] Two updates to workspace `Overview` page

[jamesdeanexpensify]

Background

Coming from this convo, we'd like to make a couple updates to the workspace Overview page.

Details

Two changes:

• Remove the background image
• Pull the Invite button out from the More menu and make it green

Final result after both changes (web + mobile)

Issue Owner

Current Issue Owner: @

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021995521388196670264
• Upwork Job ID: 1995521388196670264
• Last Price Increase: 2025-12-01
• Automatic offers:
• daledah | Contributor | 109665505

Issue Owner

Current Issue Owner: @johncschuster

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @jjcoffee (External)

[melvin-bot]

Triggered auto assignment to @johncschuster (NewFeature), see https://stackoverflowteams.com/c/expensify/questions/14418#:~:text=BugZero%20process%20steps%20for%20feature%20requests for more details. Please add this Feature request to a GH project, as outlined in the SO. Remember to draft any necessary HelpDot updates by following the instructions here.

[melvin-bot]

⚠️ It looks like this issue is labelled as a New Feature but not tied to any GitHub Project. Keep in mind that all new features should be tied to GitHub Projects in order to properly track external CAP software time ⚠️

[melvin-bot]

Triggered auto assignment to Design team member for new feature review - @dannymcclain (NewFeature)

[daledah]

🚨 Edited by proposal-police: This proposal was edited at 2025-11-06 17:48:44 UTC.

Proposal

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

Improvement

What is the root cause of that problem?

Improvement

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

1. Remove background image here

App/src/pages/workspace/WorkspaceOverviewPage.tsx

Lines 473 to 477 in 5f102c8

	<Image
	style={StyleSheet.flatten([styles.wAuto, styles.h68, imageStyle])}
	source={illustrations.WorkspaceProfile}
	resizeMode="cover"
	/>

then remove margin here

App/src/pages/workspace/WorkspaceOverviewPage.tsx

Line 496 in 5f102c8

shouldUseNarrowLayout ? styles.mtn17 : styles.mtn20,

2. Extract the invite button from the dropdown menu

Remove the invite option here

App/src/pages/workspace/WorkspaceOverviewPage.tsx

Lines 393 to 407 in 5f102c8

	if (isPolicyAdmin) {
	secondaryActions.push({
	value: 'invite',
	text: translate('common.invite'),
	icon: expensifyIcons.UserPlus,
	onSelected: () => {
	if (isAccountLocked) {
	showLockedAccountModal();
	return;
	}
	clearInviteDraft(route.params.policyID);
	Navigation.navigate(ROUTES.WORKSPACE_INVITE.getRoute(route.params.policyID, Navigation.getActiveRouteWithoutParams()));
	},
	});
	}

then add handleInvitePress and button invite

        const handleInvitePress = () => {
            if (isAccountLocked) {
                showLockedAccountModal();
                return;
            }
            clearInviteDraft(route.params.policyID);
            Navigation.navigate(ROUTES.WORKSPACE_INVITE.getRoute(route.params.policyID, Navigation.getActiveRouteWithoutParams()));
        };

            <View style={[styles.flexRow, styles.gap2]}>
                {isPolicyAdmin && (
                    <Button
                        success
                        text={translate('common.invite')}
                        icon={expensifyIcons.UserPlus}
                        onPress={handleInvitePress}
                        medium
                        innerStyles={[shouldUseNarrowLayout && styles.alignItemsCenter]}
                        style={[shouldUseNarrowLayout && styles.flexGrow1, shouldUseNarrowLayout && styles.mb3]}
                    />
                )}
                <ButtonWithDropdownMenu
                    ref={dropdownMenuRef}
                    success={false}
                    onPress={() => {}}
                    shouldAlwaysShowDropdownMenu
                    customText={translate('common.more')}
                    options={secondaryActions}
                    isSplitButton={false}
                    wrapperStyle={isPolicyAdmin ? styles.flexGrow0 : styles.flexGrow1}
                />
            </View>

Some minor UI can be discussed in the PR phase

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.