pass sideDrawerTransitionEnded into SideDrawer

This commit is contained in:
Abdalrzag Eisa 2025-06-20 07:06:00 +03:00
parent 37de79a0dc
commit f920ab48f3
No known key found for this signature in database
GPG key ID: 4CD5A78B36195BC8

View file

@ -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>
{