upcoming: [UIE 9401] – Implement Share Groups Landing page tabs

[fabrice-akamai]

Description 📝

This PR implements the Share Groups Landing page and its corresponding subtabs:

• Owned groups
• Joined groups
• My membership requests.

This feature builds upon the existing work on the Image Library tabs and lays the groundwork for the Share groups implementation under the isPrivateImageSharingEnable feature flag.

Changes 🔄

List any change(s) relevant to the reviewer.

• Added ShareGroupsTabs.tsx and ShareGroupsTabsConfig.tsx
• Updated the share groups route and index route
• Updated getImageLibrarySubTabIndex to be more generic so the Share Groups tab can reuse the same logic
• Added unit test for ShareGroupsTabs.tsx

Scope 🚢

Upon production release, changes in this PR will be visible to:

• All customers
• Some customers (e.g. in Beta or Limited Availability)
• No customers / Not applicable

Target release date 🗓️

Please specify a release date (and environment, if applicable) to guarantee timely review of this PR. If exact date is not known, please approximate and update it as needed.

Preview 📷

Before	After

How to test 🧪

Prerequisites

(How to setup test environment)

• Make sure the isPrivateImageSharingEnabled is enabled for testing the feature under the new Images page

Reproduction steps

Verification steps

(How to verify changes)

• Navigate to localhost:3000/images/
• Click on the Share Groups tab
• Click each of the sub-tabs and make sure they all render the coming soon notice

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[linode-gh-bot]

Cloud Manager UI test results

🔺 4 failing tests on test run #4 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
4 Failing	868 Passing	11 Skipped	39m 35s

Details

Failing Tests
	Spec	Test
❌	object-storage.e2e.spec.ts	Cloud Manager Cypress Tests→object storage end-to-end tests » can create and delete object storage buckets
❌	account-switching.spec.ts	Cloud Manager Cypress Tests→Parent/Child account switching→From Parent to Child » can search child accounts
❌	account-switching.spec.ts	Cloud Manager Cypress Tests→Parent/Child account switching→From Child to Parent » can switch from Proxy user back to Parent account user from Billing page
❌	account-switching.spec.ts	Cloud Manager Cypress Tests→Parent/Child account switching→From Child to Child » can switch to another Child account as a Proxy user

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/objectStorage/object-storage.e2e.spec.ts,cypress/e2e/core/parentChild/account-switching.spec.ts"

[pmakode-akamai]

thanks @fabrice-akamai! This looks good to me 👍 Could we also add a Upcoming Features changeset for this PR?

[pmakode-akamai]

Suggested change

	describe('getImageLibrarySubTabIndex', () => {
	describe('getSubTabIndex', () => {

[pmakode-akamai]

Suggested change

	import { shareGroupsSubTabs } from 'src/features/Images/ImagesLanding/v2/ShareGroups/ShareGroupsTabsConfig';
	import { shareGroupsSubTabs } from 'src/features/Images/ImagesLanding/v2/ShareGroups/shareGroupsTabsConfig';

Could we rename either ShareGroupsTabsConfig to shareGroupsTabsConfig or imageLibraryTabsConfig to ImageLibraryTabsConfig for naming consistency?

[abailly-akamai]

Why are we not using routed tabs here? See other examples with lazy routes + Outlet