u

src/components/manifest/ManifestFormLine.jsx

@@ -8,6 +8,7 @@ import IconButton from '@mui/material/IconButton';
 import TableCell from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
 import TextField from '@mui/material/TextField';
+import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
 import HelpOutlineIcon from '@mui/icons-material/HelpOutlineOutlined';
@@ -15,6 +16,7 @@ import Inventory2OutlinedIcon from '@mui/icons-material/Inventory2Outlined';
 import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined';
 import AddIcon from '@mui/icons-material/Add';
 import SearchIcon from '@mui/icons-material/Search';
+import LinkOffOutlinedIcon from '@mui/icons-material/LinkOffOutlined';
 import { LINE_COLUMNS } from './manifestConfig';
 import ArticlePhoto from '../article/ArticlePhoto';
 import { formatPrice } from '../../utils/price';
@@ -27,6 +29,7 @@ class ManifestFormLine extends PureComponent {
     this.handleBlur = this.handleBlur.bind(this);
     this.handleCreateArticle = this.handleCreateArticle.bind(this);
     this.handleSearchArticle = this.handleSearchArticle.bind(this);
+    this.handleRemoveSupplierArticle = this.handleRemoveSupplierArticle.bind(this);
   }
 
   handleRemove() {
@@ -53,6 +56,13 @@ class ManifestFormLine extends PureComponent {
     }
   }
 
+  handleRemoveSupplierArticle() {
+    const { line, supplierArticle, onRemoveSupplierArticle } = this.props;
+    if (onRemoveSupplierArticle) {
+      onRemoveSupplierArticle(line, supplierArticle);
+    }
+  }
+
   renderField(column) {
     const { id, align, type } = column;
     const { line, saving, onChange } = this.props;
@@ -226,6 +236,21 @@ class ManifestFormLine extends PureComponent {
               {taxRate != null ? ` (${taxRate}% MwSt)` : ''}
             </Typography>
           )}
+
+          {/* Remove supplier-article connection */}
+          {this.props.onRemoveSupplierArticle && supplierArticle.id != null && (
+              <span style={{ marginLeft: priceNet != null ? 0 : 'auto' }}>
+                <IconButton
+                  size="small"
+                  color="error"
+                  aria-label="Lieferanten-Verknüpfung entfernen"
+                  disabled={this.props.saving || this.props.supplierArticleBusy}
+                  onClick={this.handleRemoveSupplierArticle}
+                >
+                  <LinkOffOutlinedIcon fontSize="small" />
+                </IconButton>
+              </span>
+          )}
         </Box>
       );
     }

src/components/manifest/ManifestLines.jsx

@@ -31,6 +31,8 @@ class ManifestLines extends PureComponent {
       onSkuBlur,
       onCreateArticle,
       onSearchArticle,
+      onRemoveSupplierArticle,
+      busySupplierArticleLineKeys = {},
     } = this.props;
 
     return (
@@ -75,11 +77,13 @@ class ManifestLines extends PureComponent {
                       saving={saving}
                       supplierArticle={matched}
                       loading={Boolean(isLineLoading)}
+                      supplierArticleBusy={Boolean(busySupplierArticleLineKeys[lineKey])}
                       onChange={onLineChange}
                       onRemove={onRemoveLine}
                       onSkuBlur={onSkuBlur}
                       onCreateArticle={onCreateArticle}
                       onSearchArticle={onSearchArticle}
+                      onRemoveSupplierArticle={onRemoveSupplierArticle}
                     />
                   );
                 })}