From 5a48bdfa83f26d3a931bc92c031a395349113389 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 5 Sep 2024 20:06:42 +0530
Subject: [PATCH] fix(ui): xray popover

---
 .../components/FeatureSelection/FeatureSelection.tsx         | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx b/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
index ef2341112..f36bccbc8 100644
--- a/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
@@ -37,7 +37,6 @@ const featLabels = {
 }
 
 function FeatureSelection(props: Props) {
-  const [isOpen, setIsOpen] = React.useState(false);
   const features = [NETWORK, ERRORS, EVENTS, PERFORMANCE, FRUSTRATIONS];
 
   const toggleFeatureInList = (feat: string) => {
@@ -58,7 +57,7 @@ function FeatureSelection(props: Props) {
   return (
     <React.Fragment>
       <Popover
-        open={isOpen}
+        trigger="click"
         content={
           <div>
             <div
@@ -82,7 +81,7 @@ function FeatureSelection(props: Props) {
           </div>
         }
       >
-        <div onClick={() => setIsOpen(!isOpen)} className={'font-semibold flex items-center gap-2 text-main cursor-pointer'}>
+        <div className={'font-semibold flex items-center gap-2 text-main cursor-pointer'}>
           <Icon size={16} name={'funnel'} color={'main'} />
           <div>X-Ray Events</div>
         </div>