refactor: remove superfluous tooltips within tooltip

libs/shared/lib/components/VisualizationTooltip/VisualizationTooltip.tsx

@@ -13,14 +13,9 @@ export const VisualizationTooltip: React.FC<VisualizationTooltipProps> = ({ name
       <div className="flex m-0 justify-start items-stretch border-b border-sec-200 relative">
         <div className="left-0 top-0 h-auto w-1.5" style={{ backgroundColor: colorHeader }}></div>
         <div className="px-2.5 py-1 truncate flex">
-          <Tooltip>
-            <TooltipTrigger className={'flex max-w-full'}>
-              <span className="text-base font-semibold truncate">{name}</span>
-            </TooltipTrigger>
-            <TooltipContent side={'top'}>
-              <span>{name}</span>
-            </TooltipContent>
-          </Tooltip>
+          <div className={'flex max-w-full'}>
+            <span className="text-base font-semibold truncate">{name}</span>
+          </div>
         </div>
       </div>
       {children}

libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPopup.tsx

@@ -19,32 +19,22 @@ export const NLPopUp: React.FC<NLPopUpProps> = ({ data }) => {
           </div>
         ) : (
           Object.entries(data).map(([k, v], index) => (
-            <Tooltip key={`${k}-${index}`}>
-              <TooltipTrigger asChild>
-                <div className="flex flex-row gap-1 items-center min-h-5">
-                  <span className={`font-semibold truncate min-w-[40%]`}>{k}</span>
-                  <span className="ml-auto text-right truncate grow-1 flex items-center">
-                    {v !== undefined && (typeof v !== 'object' || Array.isArray(v)) && v != '' ? (
-                      <span className="ml-auto text-right truncate">{typeof v === 'number' ? formatNumber(v) : v.toString()}</span>
-                    ) : (
-                      <div
-                        className={`ml-auto mt-auto h-4 w-12 border-[1px] solid border-gray`}
-                        style={{
-                          background:
-                            'repeating-linear-gradient(-45deg, transparent, transparent 6px, #eaeaea 6px, #eaeaea 8px), linear-gradient(to bottom, transparent, transparent)',
-                        }}
-                      ></div>
-                    )}
-                  </span>
-                </div>
-              </TooltipTrigger>
-              <TooltipContent side="right">
-                <div className="max-w-[18rem] break-all line-clamp-6">
-                  <span className="font-semibold">{k + ': '}</span>
-                  <span>{v !== undefined && (typeof v !== 'object' || Array.isArray(v)) && v != '' ? v : 'noData'}</span>
-                </div>
-              </TooltipContent>
-            </Tooltip>
+            <div className="flex flex-row gap-1 items-center min-h-5">
+              <span className={`font-semibold truncate min-w-[40%]`}>{k}</span>
+              <span className="ml-auto text-right truncate grow-1 flex items-center">
+                {v !== undefined && (typeof v !== 'object' || Array.isArray(v)) && v != '' ? (
+                  <span className="ml-auto text-right truncate">{typeof v === 'number' ? formatNumber(v) : v.toString()}</span>
+                ) : (
+                  <div
+                    className={`ml-auto mt-auto h-4 w-12 border-[1px] solid border-gray`}
+                    style={{
+                      background:
+                        'repeating-linear-gradient(-45deg, transparent, transparent 6px, #eaeaea 6px, #eaeaea 8px), linear-gradient(to bottom, transparent, transparent)',
+                    }}
+                  ></div>
+                )}
+              </span>
+            </div>
           ))
         )}
       </div>

[Marcos Pieras]

I truncated the text if it is larger than with, that is why I added the tooltip