u

src/components/settings/NumberSettingsPanel.jsx

@@ -15,7 +15,8 @@ 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 { number as numberApi } from '../../api';
+import numberAutomat from '../../automats/numberAutomat';
 import { requireArray, requireDefined, requireObject } from '../../utils/apiShape';
 import { backendErrorFrom } from '../../utils/backendError';
 import { notifyError } from '../../utils/notify';
@@ -31,8 +32,6 @@ function parseNext(value) {
 }
 
 export default class NumberSettingsPanel extends Component {
-  static contextType = StorageManagerContext;
-
   constructor(props) {
     super(props);
     this.state = {
@@ -54,7 +53,7 @@ export default class NumberSettingsPanel extends Component {
     this.setState({ status: 'loading', error: null });
     try {
       const numbers = requireArray(
-        await this.context.updateNumber(),
+        await numberAutomat.actions.reload(),
         'numbers',
       );
       const drafts = Object.fromEntries(
@@ -141,7 +140,7 @@ export default class NumberSettingsPanel extends Component {
       },
     }));
     try {
-      const data = await this.context.number.update(id, body);
+      const data = await numberApi.update(id, body);
       requireObject(data, 'PATCH /api/number');
       requireObject(data.number, 'number');
       const updated = requireDefined(data.number, 'number');