mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 17:15:48 +00:00
pass sideDrawerTransitionEnded into SideDrawer
This commit is contained in:
parent
37de79a0dc
commit
f920ab48f3
1 changed files with 7 additions and 1 deletions
|
|
@ -44,6 +44,7 @@ const Player = ({ urlParams, queryParams }) => {
|
|||
const routeFocused = useRouteFocused();
|
||||
const toast = useToast();
|
||||
|
||||
const [sideDrawerTransitionEnded, setSideDrawerTransitionEnded] = React.useState(false);
|
||||
const [seeking, setSeeking] = React.useState(false);
|
||||
|
||||
const [casting, setCasting] = React.useState(() => {
|
||||
|
|
@ -499,6 +500,10 @@ const Player = ({ urlParams, queryParams }) => {
|
|||
}
|
||||
}, [settings.pauseOnMinimize, shell.windowClosed, shell.windowHidden]);
|
||||
|
||||
React.useEffect(() => {
|
||||
if (!sideDrawerOpen) setSideDrawerTransitionEnded(false);
|
||||
}, [sideDrawerOpen]);
|
||||
|
||||
React.useLayoutEffect(() => {
|
||||
const onKeyDown = (event) => {
|
||||
switch (event.code) {
|
||||
|
|
@ -781,13 +786,14 @@ const Player = ({ urlParams, queryParams }) => {
|
|||
:
|
||||
null
|
||||
}
|
||||
<Transition when={sideDrawerOpen} name={'slide-left'}>
|
||||
<Transition when={sideDrawerOpen} name={'slide-left'} onTransitionEnd={() => setSideDrawerTransitionEnded(true)}>
|
||||
<SideDrawer
|
||||
className={classnames(styles['layer'], styles['side-drawer-layer'])}
|
||||
metaItem={player.metaItem?.content}
|
||||
seriesInfo={player.seriesInfo}
|
||||
closeSideDrawer={closeSideDrawer}
|
||||
selectedVideoID={player.selected?.streamRequest.path.id}
|
||||
transitionEnded={sideDrawerTransitionEnded}
|
||||
/>
|
||||
</Transition>
|
||||
{
|
||||
|
|
|
|||
Loading…
Reference in a new issue