From 3a9d629f8f45f2f4fb28190a69274bfc2996c278 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 18 Nov 2022 18:25:54 +0100
Subject: [PATCH] fix(ui) - skip duration popup close

---
 .../Player/Controls/components/PlayerControls.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx b/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
index b28cd1990..6d42b3c6c 100644
--- a/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
+++ b/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
@@ -109,7 +109,7 @@ function PlayerControls(props: Props) {
           </button>
         </Tooltip>
         <div className="p-1 border-l border-r bg-active-blue-border border-active-blue-border">
-          <OutsideClickDetectingDiv onClickOutside={handleClickOutside}>
+          {/* <OutsideClickDetectingDiv onClickOutside={handleClickOutside}> */}
             <Popover
               // open={showTooltip}
               // interactive
@@ -119,7 +119,7 @@ function PlayerControls(props: Props) {
               duration={0}
               className="cursor-pointer select-none"
               distance={20}
-              render={() => (
+              render={({ close }: any) => (
                 <div className="flex flex-col bg-white border border-borderColor-gray-light-shade text-figmaColors-text-primary rounded">
                   <div className="font-semibold py-2 px-4 w-full text-left">
                     Jump <span className="text-disabled-text">(Secs)</span>
@@ -128,7 +128,7 @@ function PlayerControls(props: Props) {
                     <div
                       key={interval}
                       onClick={() => {
-                        toggleTooltip();
+                        close();
                         setSkipInterval(parseInt(interval, 10));
                       }}
                       className={cn(
@@ -143,14 +143,14 @@ function PlayerControls(props: Props) {
                 </div>
               )}
             >
-              <div onClick={toggleTooltip} ref={skipRef}>
+              <div onClick={toggleTooltip} ref={skipRef} className="cursor-pointer select-none">
                 {/* @ts-ignore */}
                 <Tooltip disabled={showTooltip} title="Set default skip duration">
                   {currentInterval}s
                 </Tooltip>
               </div>
             </Popover>
-          </OutsideClickDetectingDiv>
+          {/* </OutsideClickDetectingDiv> */}
         </div>
         {/* @ts-ignore */}
         <Tooltip title="Forward 10s" position="top">