[Due for payment 2026-05-22] [Due for payment 2026-05-20] [Due for payment 2026-05-18] [Domain Control] [Release 4] [FE] Create DomainGroupsPage

[mountiny]

Part of #76750

Description

Create the main Domain Groups page that lists all security groups for a domain and allows admins to create new groups.

Implementation Details

From the design doc:

UI Implementation

• Create DomainGroupsPage.tsx in the src/pages/domain directory
• Retrieve the accountID from the route prop
• Fetch the domain data from Onyx
• "New group" button will open a modified DomainSecurityGroupDetailsPage - without Delete button and with Create button
• Use the ScreenWrapper, HeaderWithBackButton, ScrollViewWithContext, SelectionListWithModal components (similarly to WorkspacePage)

Navigation

• Add DomainGroupsPage to the DomainSplitNavigator in the navigators setup
• Update Linking Configuration in Navigation/linkingConfig/config.ts
• Update src/ROUTES.ts and SCREENS.ts

DOMAIN_GROUPS: {
    route: 'domain/:accountID/groups',
    getRoute: (accountID: number) => `domain/${accountID}/groups` as const,
}

• Verify that the Workspaces icon in the TabBar is selected while visiting the new page (on non-narrow screens)
• Modify src/pages/domain/DomainInitialPage.tsx to have Groups entry
• Add a new translation key

Resources

• Figma

---

Issue Owner

Current Issue Owner: @war-in

Issue Owner

Current Issue Owner: @ZhenjaHorbach