u

src/components/manifest/Attachment.jsx

@@ -9,6 +9,7 @@ import SyncIcon from '@mui/icons-material/Sync';
 import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';
 import { tileBaseSx, TILE_SIZE } from 'dashgui/tiles';
 import { generateTextThumbnail } from '../../utils/textThumbnail';
+import { notifyErrorMessage } from '../../utils/notify';
 
 export class Attachment extends PureComponent {
   state = {
@@ -47,6 +48,12 @@ export class Attachment extends PureComponent {
 
   handleRescan = (e) => {
     e?.stopPropagation?.();
+    if (this.props.hasArticles) {
+      notifyErrorMessage(
+        'Neu analysieren nicht möglich, solange Artikel vorhanden sind. Bitte entfernen Sie zuerst alle Zeilen.',
+      );
+      return;
+    }
     const { attachment, onRescan } = this.props;
     if (attachment && onRescan) {
       onRescan(attachment);
@@ -90,7 +97,7 @@ export class Attachment extends PureComponent {
   }
 
   render() {
-    const { attachment, disabled, sx } = this.props;
+    const { attachment, disabled, sx, hasArticles } = this.props;
     const thumbnail = attachment?.thumbnail || this.state.generatedThumbnail;
     const name = attachment?.name || 'Dokument';
     const size = attachment?.size;
@@ -211,18 +218,39 @@ export class Attachment extends PureComponent {
           onClick={(e) => e.stopPropagation()}
         >
           {isPdf || isText ? (
-            <Tooltip title="Neu analysieren">
-              <span>
+            <Tooltip
+              title={
+                hasArticles
+                  ? 'Neu analysieren nicht möglich, solange Artikel vorhanden sind'
+                  : 'Neu analysieren'
+              }
+            >
+              <span
+                style={{ display: 'inline-block' }}
+                onClick={
+                  hasArticles
+                    ? (e) => {
+                        e.stopPropagation();
+                        notifyErrorMessage(
+                          'Neu analysieren nicht möglich, solange Artikel vorhanden sind. Bitte entfernen Sie zuerst alle Zeilen.',
+                        );
+                      }
+                    : undefined
+                }
+              >
                 <IconButton
                   size="small"
-                  disabled={disabled}
+                  disabled={disabled || hasArticles}
                   onClick={this.handleRescan}
                   sx={{
                     bgcolor: 'rgba(0, 0, 0, 0.6)',
-                    color: '#fff',
+                    color: hasArticles ? 'rgba(255, 255, 255, 0.3)' : '#fff',
                     p: 0.5,
                     backdropFilter: 'blur(2px)',
-                    '&:hover': { bgcolor: 'rgba(0, 0, 0, 0.85)' },
+                    cursor: hasArticles ? 'not-allowed' : 'pointer',
+                    '&:hover': {
+                      bgcolor: hasArticles ? 'rgba(0, 0, 0, 0.6)' : 'rgba(0, 0, 0, 0.85)',
+                    },
                   }}
                 >
                   <SyncIcon sx={{ fontSize: 16 }} />