User Interface medium complexity frontend
2
Dependencies
0
Dependents
2
Entities
0
Integrations

Description

Tabbed admin portal page for managing all organization-level configuration. Groups settings into four tabs - General, Notifications, Data, and Branding - rendered server-side via Next.js. Enforces org-scoped access so admins can only view and edit their own organization.

Feature: Organization Settings

organization-settings-page

Responsibilities

  • Render tabbed settings layout with General, Notifications, Data, and Branding sections
  • Bind form fields to organization settings data fetched from REST API
  • Submit validated setting updates via PATCH to /api/v1/organizations/:id/settings
  • Display success and error feedback after save operations
  • Enforce read-only view for fields requiring elevated permissions

Interfaces

renderSettingsPage(orgId: string): JSX.Element
handleTabSwitch(tab: string): void
handleSettingsSave(payload: OrganizationSettingsPayload): Promise<void>
displayValidationErrors(errors: ValidationError[]): void

Relationships

Dependencies (2)

Components this component depends on

Related Data Entities (2)

Data entities managed by this component