u

src/components/manifest/ManifestFormLine.jsx

@@ -122,6 +122,7 @@ class ManifestFormLine extends PureComponent {
   }
 
   handleRemove() {
+    if (this.props.isOnShipment) return;
     this.props.onRemove(this.props.line.key);
   }
 
@@ -308,7 +309,8 @@ class ManifestFormLine extends PureComponent {
         type={type}
         value={val ?? ''}
         error={isError}
-        disabled={saving}
+        disabled={saving || (id === 'sku' && Boolean(this.props.isOnShipment))}
+        title={id === 'sku' && this.props.isOnShipment ? 'Artikel ist bereits auf einem Lieferschein und kann nicht geändert werden' : undefined}
         autoComplete="off"
         onChange={(e) => onChange(line.key, id, e.target.value)}
         onBlur={(e) => this.handleBlur(e, id)}
@@ -1025,19 +1027,16 @@ class ManifestFormLine extends PureComponent {
                   </Tooltip>
                 </>
               )}
-              <Tooltip title="Zeile entfernen">
-                <span>
-                  <IconButton
-                    size="small"
-                    aria-label="Zeile entfernen"
-                    disabled={saving}
-                    onClick={this.handleRemove}
-                    sx={{ p: 0.35 }}
-                  >
-                    <DeleteOutlinedIcon sx={{ fontSize: 18 }} />
-                  </IconButton>
-                </span>
-              </Tooltip>
+              <IconButton
+                size="small"
+                aria-label="Zeile entfernen"
+                disabled={saving || Boolean(this.props.isOnShipment)}
+                onClick={this.handleRemove}
+                title={this.props.isOnShipment ? 'Artikel ist bereits auf einem Lieferschein und kann nicht entfernt werden' : 'Zeile entfernen'}
+                sx={{ p: 0.35 }}
+              >
+                <DeleteOutlinedIcon sx={{ fontSize: 18 }} />
+              </IconButton>
             </Box>
           </TableCell>
         </TableRow>