frontend / context/settings/SettingsContext / SettingsProvider

Variable: SettingsProvider

const SettingsProvider: React.FC<{ children: React.ReactNode; }>

Defined in: src/context/settings/SettingsContext.tsx:63

SettingsProvider component

Provides global settings context to the application. Responsibilities:

Load user preferences from localStorage on mount
Fetch system info from backend on mount (with fallbacks)
Sync preferences with i18n language changes
Persist preference changes to localStorage
Provide reset-to-defaults functionality

Param

React components to wrap

Returns

JSX with SettingsContext.Provider wrapping children

Example

import { SettingsProvider } from './context/settings';

export default function App() {
  return (
    <SettingsProvider>
      <Router />
    </SettingsProvider>
  );
}