mirror of
https://github.com/zoriya/Kyoo.git
synced 2026-01-10 22:20:26 -05:00
Fix menu close in player not removing hover menu
This commit is contained in:
parent
0dd737853a
commit
a9b83cac1f
@ -1,4 +1,4 @@
|
||||
import { useState } from "react";
|
||||
import { useCallback, useState } from "react";
|
||||
import type { ViewProps } from "react-native";
|
||||
import { StyleSheet, View } from "react-native";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
@ -35,7 +35,7 @@ export const Controls = ({
|
||||
const isTouch = useIsTouch();
|
||||
|
||||
const [hover, setHover] = useState(false);
|
||||
const [menuOpenned, setMenu] = useState(false);
|
||||
const [menuOpened, setMenuOpened] = useState(false);
|
||||
|
||||
const hoverControls = {
|
||||
onPointerEnter: (e) => {
|
||||
@ -46,11 +46,17 @@ export const Controls = ({
|
||||
},
|
||||
} satisfies ViewProps;
|
||||
|
||||
const setMenu = useCallback((val: boolean) => {
|
||||
setMenuOpened(val);
|
||||
// Disable hover since the menu overlay makes the pointer leave unreliable.
|
||||
if (!val) setHover(false);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<View {...css(StyleSheet.absoluteFillObject)}>
|
||||
<TouchControls
|
||||
player={player}
|
||||
forceShow={hover || menuOpenned}
|
||||
forceShow={hover || menuOpened}
|
||||
{...css(StyleSheet.absoluteFillObject)}
|
||||
>
|
||||
<Back
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user