fix redirection useComputeLink

Author: CelineSebe

opencti-platform/opencti-front/src/components/dataGrid/components/DataTableLine.tsx

@@ -121,11 +121,11 @@ const DataTableLine = ({
 
   // Memoize link to avoid recomputations
   let link = useMemo(() => useComputeLink(data), [data]);
-  if (redirectionMode && redirectionMode !== 'overview') {
+  if (redirectionMode && redirectionMode !== 'overview' && link !== undefined) {
     link = `${link}/${redirectionMode}`;
   }
 
-  const navigable = !disableNavigation && !onLineClick && !selectOnLineClick;
+  const navigable = !disableNavigation && !onLineClick && !selectOnLineClick && !!link;
   const clickable = !!(navigable || selectOnLineClick || onLineClick);
 
   const handleSelectLine = (event: React.MouseEvent) => {
@@ -137,7 +137,8 @@ const DataTableLine = ({
   };
 
   const handleNavigate = (event: React.MouseEvent) => {
-    if (!navigable) return;
+    if (!navigable || !link) return;
+
     if (event.ctrlKey) {
       window.open(link, '_blank');
     } else {
@@ -241,7 +242,7 @@ const DataTableLine = ({
           >
             {actions && actions(data)}
             {endsWithNavigate && (
-              <IconButton onClick={() => navigate(link)}>
+              <IconButton onClick={() => (link ? navigate(link) : undefined)}>
                 <KeyboardArrowRightOutlined />
               </IconButton>
             )}

opencti-platform/opencti-front/src/components/dataGrid/dataTableTypes.ts

@@ -49,7 +49,7 @@ export interface DataTableContextProps {
   useDataTable: ReturnType<DataTableProps['useDataTable']>
   useDataCellHelpers: DataTableProps['useDataCellHelpers']
   useDataTableToggle: ReturnType<DataTableProps['useDataTableToggle']>
-  useComputeLink: (entity: any) => string
+  useComputeLink: (entity: any) => string | undefined
   useDataTableColumnsLocalStorage: ReturnType<DataTableProps['useDataTableColumnsLocalStorage']>
   useDataTablePaginationLocalStorage: ReturnType<DataTableProps['useDataTablePaginationLocalStorage']>
   onAddFilter: DataTableProps['onAddFilter']
@@ -111,7 +111,7 @@ export interface DataTableProps {
     initialValue: LocalStorage,
     ignoreUri?: boolean,
   ) => PaginationLocalStorage<T>
-  useComputeLink?: (entity: any) => string
+  useComputeLink?: (entity: any) => string | undefined
   useDataTableToggle: (key: string) => {
     selectedElements: Record<string, any>
     deSelectedElements: Record<string, any>

opencti-platform/opencti-front/src/private/components/profile/Notifications.tsx

@@ -29,6 +29,7 @@ import { hexToRGB } from '../../../utils/Colors';
 import useApiMutation from '../../../utils/hooks/useApiMutation';
 import Transition from '../../../components/Transition';
 import { deleteNode } from '../../../utils/store';
+import { isNotEmptyField } from '../../../utils/utils';
 
 export const LOCAL_STORAGE_KEY = 'notifiers';
 
@@ -156,7 +157,11 @@ const Notifications: FunctionComponent = () => {
     platformModuleHelpers: { isRuntimeFieldEnable },
   } = useAuth();
 
-  const { viewStorage, helpers, paginationOptions } = usePaginationLocalStorage<NotificationsLinesPaginationQuery$variables>(
+  const {
+    viewStorage,
+    helpers,
+    paginationOptions,
+  } = usePaginationLocalStorage<NotificationsLinesPaginationQuery$variables>(
     LOCAL_STORAGE_KEY,
     initialValues,
   );
@@ -424,13 +429,23 @@ const Notifications: FunctionComponent = () => {
         availableEntityTypes={['Notification']}
         actions={renderActions}
         markAsReadEnabled={true}
+        useComputeLink={({ notification_content, notification_type }: NotificationsLine_node$data) => {
+          const events = notification_content.map((n) => n.events).flat();
+          const firstEvent = events.at(0);
+          const isDigest = notification_type === 'digest';
+          const firstOperation = isDigest ? 'multiple' : (firstEvent?.operation ?? 'none');
+          const isLinkAvailable = events.length === 1 && isNotEmptyField(firstEvent?.instance_id) && firstOperation !== 'delete';
+          if (!isLinkAvailable) return undefined;
+          return `/dashboard/id/${firstEvent.instance_id}`;
+        }}
+
       />
       )}
       {notificationToDelete && (
         <Dialog
-          PaperProps={{ elevation: 1 }}
+          slotProps={{ paper: { elevation: 1 } }}
           open={!!notificationToDelete}
-          TransitionComponent={Transition}
+          slots={{ transition: Transition }}
           onClose={handleCloseDelete}
         >
           <DialogContent>