feishin/src/renderer/layouts/default-layout/full-screen-overlay.tsx
2023-07-01 19:14:12 -07:00

13 lines
486 B
TypeScript

import { AnimatePresence } from 'framer-motion';
import { FullScreenPlayer } from '/@/renderer/features/player/components/full-screen-player';
import { useFullScreenPlayerStore } from '/@/renderer/store';
export const FullScreenOverlay = () => {
const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
return (
<AnimatePresence initial={false}>
{isFullScreenPlayerExpanded && <FullScreenPlayer />}
</AnimatePresence>
);
};