add fullscreen visualizer (#1546)

This commit is contained in:
jeffvli
2026-01-18 02:17:55 -08:00
parent 27a5153b8a
commit 0e388dabf5
14 changed files with 555 additions and 34 deletions
@@ -0,0 +1,14 @@
import { AnimatePresence } from 'motion/react';
import { FullScreenVisualizer } from '/@/renderer/features/player/components/full-screen-visualizer';
import { useFullScreenPlayerStore } from '/@/renderer/store/full-screen-player.store';
export const FullScreenVisualizerOverlay = () => {
const { visualizerExpanded: isFullScreenVisualizerExpanded } = useFullScreenPlayerStore();
return (
<AnimatePresence initial={false}>
{isFullScreenVisualizerExpanded && <FullScreenVisualizer />}
</AnimatePresence>
);
};
@@ -7,6 +7,7 @@ import { shallow } from 'zustand/shallow';
import styles from './main-content.module.css';
import { FullScreenOverlay } from '/@/renderer/layouts/default-layout/full-screen-overlay';
import { FullScreenVisualizerOverlay } from '/@/renderer/layouts/default-layout/full-screen-visualizer-overlay';
import { LeftSidebar } from '/@/renderer/layouts/default-layout/left-sidebar';
import { RightSidebar } from '/@/renderer/layouts/default-layout/right-sidebar';
import { useAppStore, useAppStoreActions, useSideQueueType } from '/@/renderer/store';
@@ -143,6 +144,7 @@ export const MainContent = ({ shell }: { shell?: boolean }) => {
>
{!shell && (
<>
<FullScreenVisualizerOverlay />
<FullScreenOverlay />
<LeftSidebar isResizing={isResizing} startResizing={startResizing} />
<RightSidebar