u

src/components/settings/SettingsKeysPanel.jsx

@@ -14,7 +14,7 @@ import Typography from '@mui/material/Typography';
 import SaveOutlinedIcon from '@mui/icons-material/SaveOutlined';
 import { enqueueSnackbar } from 'notistack';
 import BackendError from '../BackendError';
-import { StorageManagerContext } from '../../api/storageManagerContext';
+import { setting as settingApi } from '../../api';
 import { requireArray, requireDefined, requireObject } from '../../utils/apiShape';
 import { backendErrorFrom } from '../../utils/backendError';
 import { notifyError } from '../../utils/notify';
@@ -42,8 +42,6 @@ function keyLabel(key) {
 }
 
 export default class SettingsKeysPanel extends Component {
-  static contextType = StorageManagerContext;
-
   constructor(props) {
     super(props);
     this.state = {
@@ -64,7 +62,7 @@ export default class SettingsKeysPanel extends Component {
   async load() {
     this.setState({ status: 'loading', error: null });
     try {
-      const data = await this.context.setting.list();
+      const data = await settingApi.list();
       requireObject(data, 'GET /api/company/setting');
       const settings = requireArray(data.settings, 'settings');
       const drafts = Object.fromEntries(
@@ -119,7 +117,7 @@ export default class SettingsKeysPanel extends Component {
       },
     }));
     try {
-      const data = await this.context.setting.upsert(key, body);
+      const data = await settingApi.upsert(key, body);
       requireObject(data, 'PUT /api/company/setting/:key');
       requireObject(data.setting, 'setting');
       const updated = requireDefined(data.setting, 'setting');