mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-15 04:51:06 +02:00
add fullscreen visualizer (#1546)
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user