From 924ea0de68aa5ba047160448a27ca85c03c4be98 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 23 Mar 2022 05:09:17 -0400
Subject: [PATCH] Add context menu freeze on hover

---
 .../room/widgets/context-menu/ContextMenuView.tsx         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/room/widgets/context-menu/ContextMenuView.tsx b/src/components/room/widgets/context-menu/ContextMenuView.tsx
index 7a10c8ee..3583d521 100644
--- a/src/components/room/widgets/context-menu/ContextMenuView.tsx
+++ b/src/components/room/widgets/context-menu/ContextMenuView.tsx
@@ -28,7 +28,7 @@ export const ContextMenuView: FC<ContextMenuViewProps> = props =>
     const [ opacity, setOpacity ] = useState(1);
     const [ isFading, setIsFading ] = useState(false);
     const [ fadeTime, setFadeTime ] = useState(0);
-    const [ frozen, setFrozen ] = useState(false);
+    const [ isFrozen, setIsFrozen ] = useState(false);
     const elementRef = useRef<HTMLDivElement>();
 
     const getOffset = useCallback((bounds: NitroRectangle) =>
@@ -156,7 +156,7 @@ export const ContextMenuView: FC<ContextMenuViewProps> = props =>
     {
         let added = false;
 
-        if(!frozen)
+        if(!isFrozen)
         {
             added = true;
 
@@ -167,7 +167,7 @@ export const ContextMenuView: FC<ContextMenuViewProps> = props =>
         {
             if(added) GetTicker().remove(update);
         }
-    }, [ frozen, update ]);
+    }, [ isFrozen, update ]);
 
     useEffect(() =>
     {
@@ -178,5 +178,5 @@ export const ContextMenuView: FC<ContextMenuViewProps> = props =>
         return () => clearTimeout(timeout);
     }, [ fades ]);
 
-    return <Base innerRef={ elementRef } position={ position } classNames={ getClassNames } style={ getStyle } { ...rest } />;
+    return <Base innerRef={ elementRef } position={ position } classNames={ getClassNames } style={ getStyle } onMouseOver={ event => setIsFrozen(true) } onMouseOut={ event => setIsFrozen(false) } { ...rest } />;
 }