Skip to content

feat: add Services / Learning tabs to overview page - #32

Open
GenosseOtt wants to merge 2 commits into
feat/align-ux-crossplanefrom
feat/overview-tabs
Open

feat: add Services / Learning tabs to overview page#32
GenosseOtt wants to merge 2 commits into
feat/align-ux-crossplanefrom
feat/overview-tabs

Conversation

@GenosseOtt

Copy link
Copy Markdown
Contributor

Summary

Stacked on #31.

  • Restructures OverviewPage into a two-tab layout using Headlamp's MUI Tabs/Tab — same pattern as the crossplane-headlamp-plugin ProviderDetail
  • Services tab: existing components + providers content, unchanged
  • Learning tab: coming-soon placeholder
  • Extracts shared thStyle/tdStyle into ui/tableStyles.ts so table chrome stays consistent across views

Members tab intentionally omitted — member/role data is managed via the onboarding API in controlplane/managedcontrolplane and will be addressed separately.

Test plan

  • Build passes (npm run build)
  • Services tab shows components and providers as before
  • Learning tab renders coming-soon placeholder
  • Tab selection persists within the page session

- Restructure OverviewPage into a three-tab layout using Headlamp's
  MUI Tabs/Tab (same pattern as crossplane-headlamp-plugin ProviderDetail)
- Services tab: existing components + providers content, unchanged
- Members tab: new MembersTab component fetches ClusterRoleBindings and
  RoleBindings, renders subjects with kind badges (User/Group/ServiceAccount)
  and cluster vs namespace scope indicators
- Learning tab: placeholder with coming-soon state
- Extract shared thStyle/tdStyle into ui/tableStyles.ts to keep table
  chrome consistent across all views

Signed-off-by: Johannes Ott <johannes.ott@sap.com>
- Restructure OverviewPage into a two-tab layout (Services, Learning)
  using Headlamp's MUI Tabs/Tab — same pattern as crossplane plugin
- Services tab: existing components + providers content, unchanged
- Learning tab: placeholder with coming-soon state
- Extract shared thStyle/tdStyle into ui/tableStyles.ts

Signed-off-by: Johannes Ott <johannes.ott@sap.com>
@GenosseOtt
GenosseOtt requested a review from Lasserich as a code owner August 11, 2026 12:23
@github-actions

Copy link
Copy Markdown
Contributor

E2E Screenshots

Artifact: e2e-screenshots

  • overview-components.png
  • overview.png

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant