feat: update tooltip rendering in GanttChartBar and increment version to 10.0.37

App/FeatureSet/Dashboard/src/Components/Traces/TraceExplorer.tsx

@@ -1559,53 +1559,51 @@ const TraceExplorer: FunctionComponent<ComponentProps> = (
           <></>
         )}
 
-        {selectedSpans.length > 0 && spans.length > 0 ? (() => {
-          const selectedSpan: Span | undefined = spans.find(
-            (span: Span) => {
+        {selectedSpans.length > 0 && spans.length > 0 ? (
+          (() => {
+            const selectedSpan: Span | undefined = spans.find((span: Span) => {
               return span.spanId?.toString() === selectedSpans[0]!;
-            },
-          );
+            });
 
-          if (!selectedSpan) {
-            return <></>;
-          }
+            if (!selectedSpan) {
+              return <></>;
+            }
 
-          const telemetryService: Service | undefined = telemetryServices.find(
-            (service: Service) => {
-              return (
-                service._id?.toString() ===
-                selectedSpan.serviceId?.toString()
-              );
-            },
-          );
+            const telemetryService: Service | undefined =
+              telemetryServices.find((service: Service) => {
+                return (
+                  service._id?.toString() === selectedSpan.serviceId?.toString()
+                );
+              });
 
-          if (!telemetryService) {
-            return <></>;
-          }
+            if (!telemetryService) {
+              return <></>;
+            }
 
-          return (
-            <SideOver
-              title="View Span"
-              description="View the span details."
-              onClose={() => {
-                setSelectedSpans([]);
-              }}
-              size={SideOverSize.Large}
-            >
-              <SpanViewer
-                id={"span-viewer"}
-                openTelemetrySpanId={selectedSpans[0] as string}
-                traceStartTimeInUnixNano={spans[0]!.startTimeUnixNano!}
+            return (
+              <SideOver
+                title="View Span"
+                description="View the span details."
                 onClose={() => {
                   setSelectedSpans([]);
                 }}
-                telemetryService={telemetryService}
-                divisibilityFactor={divisibilityFactor}
-                allTraceSpans={spans}
-              />
-            </SideOver>
-          );
-        })() : (
+                size={SideOverSize.Large}
+              >
+                <SpanViewer
+                  id={"span-viewer"}
+                  openTelemetrySpanId={selectedSpans[0] as string}
+                  traceStartTimeInUnixNano={spans[0]!.startTimeUnixNano!}
+                  onClose={() => {
+                    setSelectedSpans([]);
+                  }}
+                  telemetryService={telemetryService}
+                  divisibilityFactor={divisibilityFactor}
+                  allTraceSpans={spans}
+                />
+              </SideOver>
+            );
+          })()
+        ) : (
           <></>
         )}
       </div>

Common/UI/Components/GanttChart/Bar/Index.tsx

@@ -110,7 +110,9 @@ const Bar: FunctionComponent<ComponentProps> = (
           }
         }}
       />
-      {isHovered && props.bar.tooltip && barRef.current &&
+      {isHovered &&
+        props.bar.tooltip &&
+        barRef.current &&
         ReactDOM.createPortal(
           <div
             className="bar-tooltip cursor-pointer bg-white shadow-lg rounded p-2 w-fit"
@@ -125,8 +127,7 @@ const Bar: FunctionComponent<ComponentProps> = (
             {props.bar.tooltip}
           </div>,
           document.body,
-        )
-      }
+        )}
 
       <div
         className="h-8 pt-1 pb-1 mt-2.5 mb-2.5"

VERSION

@@ -1 +1 @@
-10.0.36
+10.0.37