feat(fe-piattaforma): icona info tabella caricamento massivo 20240925

teamdigitale · Sep 25, 2024 · 81e0112 · 81e0112
1 parent e9ae880
commit 81e0112
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 27 deletions.
diff --git a/fe-piattaforma/src/components/AccordionRow/accordionRow.tsx b/fe-piattaforma/src/components/AccordionRow/accordionRow.tsx
@@ -22,10 +22,10 @@ export interface AccordionRowI {
   clickDeleteAction?: () => void;
   clickDownloadAction?: () => void;
   innerInfo?:
-    | {
-        [key: string]: string;
-      }
-    | undefined;
+  | {
+    [key: string]: string;
+  }
+  | undefined;
   status?: string | undefined;
   StatusElement?: ReactElement | undefined;
   onTooltipInfo?: string;
@@ -151,31 +151,40 @@ const AccordionRow: React.FC<AccordionRowI> = ({
                 color='primary'
               />
             </Button>
-          ) : <Button
-                className='px-2'
-                aria-label='Informazioni'
-                title='Caricamento fallito'
+          ) : <div className='mr-2'>
+            <Button
+              className='p-0'
+              aria-label='Informazioni'
+              id='icon-info'
             >
               <Icon
                 icon='it-info-circle'
                 color='primary'
                 aria-label='Info'
                 aria-hidden
               />
-            </Button>}
+            </Button>
+
+            <UncontrolledTooltip
+              placement='top'
+              target='icon-info'
+            >
+              Caricamento fallito
+            </UncontrolledTooltip>
+          </div>}
         </div>
         {((onTooltipInfo || innerInfo?.onTooltipInfo) &&
           innerInfo?.isPresentInList) ||
-        innerInfo?.failedCSV ? (
+          innerInfo?.failedCSV ? (
           <div
             className='d-inline-flex position-relative'
             id={`tooltip-${innerInfo.id}`}
           >
             <UncontrolledTooltip
               placement='bottom'
               target={`tooltip-${innerInfo.id}`}
-              /*  isOpen={openOne}
-                  toggle={() => toggleOne(!openOne)} */
+            /*  isOpen={openOne}
+                toggle={() => toggleOne(!openOne)} */
             >
               {onTooltipInfo}
               {innerInfo.onTooltipInfo}

diff --git a/fe-piattaforma/src/components/Table/view/tableDesktop.tsx b/fe-piattaforma/src/components/Table/view/tableDesktop.tsx
@@ -5,7 +5,6 @@ import {
   Icon,
   Label,
   Table as TableKit,
-  Tooltip,
   UncontrolledTooltip,
 } from 'design-react-kit';
 import clsx from 'clsx';
@@ -289,19 +288,29 @@ const TableDesktop: React.FC<TableI> = (props) => {
                           aria-hidden
                         />
                       </Button>
-                    ) :
-                      <Button
-                        className='p-0'
-                        aria-label='Informazioni'
-                        title='Caricamento fallito'
-                      >
-                        <Icon
-                          icon='it-info-circle'
-                          color='primary'
-                          aria-label='Info'
-                          aria-hidden
-                        />
-                      </Button>
+                    ) : td.jobStatus === "GENERIC_FAIL" || td.jobStatus === "FAIL_MONGO" || td.jobStatus === "FAIL_S3_API" ? (
+                      <div>
+                        <Button
+                          className='p-0'
+                          aria-label='Informazioni'
+                          id='icon-info'
+                        >
+                          <Icon
+                            icon='it-info-circle'
+                            color='primary'
+                            aria-label='Info'
+                            aria-hidden
+                          />
+                        </Button>
+
+                        <UncontrolledTooltip
+                          placement='top'
+                          target='icon-info'
+                        >
+                          Caricamento fallito
+                        </UncontrolledTooltip>
+                      </div>
+                    ) : null
                     }
                   </div>
                 </td>

diff --git a/fe-piattaforma/src/components/Table/view/tableMobile.tsx b/fe-piattaforma/src/components/Table/view/tableMobile.tsx
@@ -68,7 +68,7 @@ const TableMobile: React.FC<MobileTableI> = ({
           clickDeleteAction: onActionClick?.[CRUDActionTypes.DELETE]
             ? () => onActionClick?.[CRUDActionTypes.DELETE](item)
             : undefined,
-          clickDownloadAction: onActionClick?.[CRUDActionTypes.DOWNLOAD] && item.jobStatus === 'SUCCESS'
+          clickDownloadAction: onActionClick?.[CRUDActionTypes.DOWNLOAD] && item.jobStatus !== 'GENERIC_FAIL' && item.jobStatus !== 'FAIL_MONGO' && item.jobStatus !== 'FAIL_S3_API'
             ? () => {onActionClick?.[CRUDActionTypes.DOWNLOAD](item)}
             : undefined,
           innerInfo: isEmpty(rest) ? undefined : { id, ...rest },

diff --git a/fe-piattaforma/src/styles/common/_chips.scss b/fe-piattaforma/src/styles/common/_chips.scss
@@ -1,6 +1,7 @@
 .chip {
   border: none !important;
   cursor: default;
+  pointer-events: none;
   white-space: nowrap;
   @media screen and (min-width: 320px) {
     height: auto !important;