u

src/pages/artikel/index.jsx

@@ -1,5 +1,4 @@
 import { Component } from 'react';
-import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
 import InputAdornment from '@mui/material/InputAdornment';
 import List from '@mui/material/List';
@@ -11,6 +10,8 @@ import Typography from '@mui/material/Typography';
 import SearchIcon from '@mui/icons-material/Search';
 import ClearIcon from '@mui/icons-material/Clear';
 import { article } from '../../api';
+import BackendError from '../../components/BackendError';
+import { backendErrorFrom } from '../../utils/backendError';
 import { formatPrice } from '../../utils/price';
 import {
   buildSearchUrl,
@@ -273,7 +274,7 @@ class ArtikelSearchPage extends Component {
         categoryFacets: null,
         totalCount: null,
         recordset: null,
-        error: err.message || 'Suche fehlgeschlagen',
+        error: backendErrorFrom(err),
       });
     }
   };
@@ -344,9 +345,11 @@ class ArtikelSearchPage extends Component {
         )}
 
         {error && (
-          <Alert severity="error" sx={{ mb: 2 }}>
-            {error}
-          </Alert>
+          <BackendError
+            error={error}
+            sx={{ mb: 2 }}
+            onRetry={this.fetchResults}
+          />
         )}
 
         {searchActive && (