u

src/components/article/ArticleView.jsx

@@ -6,7 +6,7 @@ import {
   buildCategoryPath,
   defaultCategoryPath,
 } from '../../pages/artikel/categoryRoute';
-import articleAutomat, { createArticleSelector } from '../../store/articleAutomat';
+import artikelAutomat, { createArticleSelector, getArticle } from '../../automats/artikelAutomat';
 
 import ArticleTileTab from './ArticleTileTab';
 import ArticlePhotoTile from './ArticlePhotoTile';
@@ -25,18 +25,11 @@ class ArticleView extends PureComponent {
 
   constructor(props, context) {
     super(props, context);
-    
-    const sku = props.sku;
-    const currentArticle = articleAutomat.state[sku] ?? null;
-    
-    this.state = { article: currentArticle };
+
+    this.state = { article: getArticle(props.sku) };
     this.handleArticleDeleted = this.handleArticleDeleted.bind(this);
-    
-    if (!currentArticle) {
-      articleAutomat.actions.loadArticle(sku).catch((err) => {
-        console.error('Failed to load article:', err);
-      });
-    }
+
+    this.ensureArticle(props.sku);
   }
 
   componentDidMount() {
@@ -45,23 +38,24 @@ class ArticleView extends PureComponent {
 
   componentDidUpdate(prevProps) {
     if (prevProps.sku !== this.props.sku) {
-      const currentArticle = articleAutomat.state[this.props.sku] ?? null;
-      this.setState({ article: currentArticle });
-      
-      if (!currentArticle) {
-        articleAutomat.actions.loadArticle(this.props.sku).catch((err) => {
-          console.error('Failed to load article:', err);
-        });
-      }
-      
+      this.setState({ article: getArticle(this.props.sku) });
+      this.ensureArticle(this.props.sku);
       this.subscribeToArticle();
     }
   }
 
+  /** Loads through the shared cache; resolves instantly when already cached. */
+  ensureArticle(sku) {
+    if (!sku) return;
+    artikelAutomat.actions.loadArticle(sku).catch((err) => {
+      console.error('Failed to load article:', err);
+    });
+  }
+
   subscribeToArticle() {
     if (this.unsub) this.unsub();
     const selector = createArticleSelector(this.props.sku);
-    this.unsub = articleAutomat.subscribe(this, (state) => ({
+    this.unsub = artikelAutomat.subscribe(this, (state) => ({
       article: selector(state),
     }));
   }

src/components/article/tabs/ArticleSettingsTab.jsx

@@ -3,6 +3,7 @@ import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { StorageManagerContext } from '../../../api/storageManagerContext';
+import { artikelAutomat } from '../../../automats';
 import { notifyError } from '../../../utils/notify';
 
 export default class ArticleSettingsTab extends Component {
@@ -24,6 +25,7 @@ export default class ArticleSettingsTab extends Component {
     this.setState({ busy: true });
     try {
       await this.context.article.delete(articleData.sku);
+      artikelAutomat.actions.clearArticle(articleData.sku);
       onArticleDeleted?.(articleData);
     } catch (err) {
       notifyError(err);