From 3af03dcea7737530df4f0c707cfbca1de41a11f7 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 19 Aug 2022 11:09:42 +0200
Subject: [PATCH] change(ui) - xray - btn tooltip

---
 frontend/app/components/shared/XRayButton/XRayButton.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/XRayButton/XRayButton.tsx b/frontend/app/components/shared/XRayButton/XRayButton.tsx
index 2d66ed283..48116e9d2 100644
--- a/frontend/app/components/shared/XRayButton/XRayButton.tsx
+++ b/frontend/app/components/shared/XRayButton/XRayButton.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import stl from './xrayButton.module.css';
 import cn from 'classnames';
+import { Popup } from 'UI';
 
 interface Props {
     onClick?: () => void;
@@ -9,9 +10,11 @@ interface Props {
 function XRayButton(props: Props) {
     const { isActive } = props;
     return (
-        <button className={cn(stl.wrapper, { [stl.default] : !isActive, [stl.active] : isActive})} onClick={props.onClick}>
-            X-RAY
-        </button>
+        <Popup content="Get a quick overview on the issues in this replay." delay={0} disabled={isActive}>
+            <button className={cn(stl.wrapper, { [stl.default] : !isActive, [stl.active] : isActive})} onClick={props.onClick}>
+                X-RAY
+            </button>
+        </Popup>
     );
 }