Fix ref issue
This commit is contained in:
parent
14a6766072
commit
01608fa875
3 changed files with 51 additions and 59 deletions
|
|
@ -152,7 +152,7 @@ export const FullScreenPlayerImage = () => {
|
||||||
<ImageContainer>
|
<ImageContainer>
|
||||||
<AnimatePresence
|
<AnimatePresence
|
||||||
initial={false}
|
initial={false}
|
||||||
mode="popLayout"
|
mode="sync"
|
||||||
>
|
>
|
||||||
{imageState.current === 0 && (
|
{imageState.current === 0 && (
|
||||||
<ImageWithPlaceholder
|
<ImageWithPlaceholder
|
||||||
|
|
@ -168,11 +168,7 @@ export const FullScreenPlayerImage = () => {
|
||||||
variants={imageVariants}
|
variants={imageVariants}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</AnimatePresence>
|
|
||||||
<AnimatePresence
|
|
||||||
initial={false}
|
|
||||||
mode="popLayout"
|
|
||||||
>
|
|
||||||
{imageState.current === 1 && (
|
{imageState.current === 1 && (
|
||||||
<ImageWithPlaceholder
|
<ImageWithPlaceholder
|
||||||
key={imageKey}
|
key={imageKey}
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,6 @@ const Controls = () => {
|
||||||
useHotkeys([['Escape', handleToggleFullScreenPlayer]]);
|
useHotkeys([['Escape', handleToggleFullScreenPlayer]]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
|
||||||
<Group
|
<Group
|
||||||
p="1rem"
|
p="1rem"
|
||||||
pos="absolute"
|
pos="absolute"
|
||||||
|
|
@ -117,7 +116,6 @@ const Controls = () => {
|
||||||
</Popover.Dropdown>
|
</Popover.Dropdown>
|
||||||
</Popover>
|
</Popover>
|
||||||
</Group>
|
</Group>
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,10 +6,8 @@ export const FullScreenOverlay = () => {
|
||||||
const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
|
const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
|
||||||
<AnimatePresence initial={false}>
|
<AnimatePresence initial={false}>
|
||||||
{isFullScreenPlayerExpanded && <FullScreenPlayer />}
|
{isFullScreenPlayerExpanded && <FullScreenPlayer />}
|
||||||
</AnimatePresence>
|
</AnimatePresence>
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Reference in a new issue