Skip to content

Add Tabbed Navigation to Integration Management

Add tabbed navigation to the integration management area with Events (default), Integrations, and Dashboard views.

  • Three tabs: Events (default), Integrations, Dashboard
  • URL routing reflects active tab (e.g., /integrations/events, /integrations/list, /integrations/dashboard)
  • Browser back/forward navigation works correctly
  • Use existing tab component pattern from portal-ui (similar to Organization tabs)
  • Preserve user's filter/search state when switching tabs (via URL params or session storage)
  • Tabs stack or scroll horizontally on mobile/tablet views

Example:

Navigation layout: 

┌────────────────────────────────────────────────┐
│ Integration Management                          │
│ ┌──────────┬──────────────┬───────────┐       │
│ │ Events   │ Integrations │ Dashboard │       │
│ └──────────┴──────────────┴───────────┘       │
│ ════════════                                    │
│                                                 │
│ [Current events listing content here]          │
│                                                 │
└─────────────────────────────────────────────────┘