fix suspense

This commit is contained in:
Kendall Garner 2024-09-09 19:01:07 -07:00
parent e2a05f4204
commit f11a53c1a4
No known key found for this signature in database
GPG key ID: 18D2767419676C87

View file

@ -11,14 +11,14 @@ import {
useFullScreenPlayerStoreActions, useFullScreenPlayerStoreActions,
} from '/@/renderer/store/full-screen-player.store'; } from '/@/renderer/store/full-screen-player.store';
import { Lyrics } from '/@/renderer/features/lyrics/lyrics'; import { Lyrics } from '/@/renderer/features/lyrics/lyrics';
import { Visualizer } from '/@/renderer/features/player/components/visualizer'; import { lazy, Suspense, useMemo } from 'react';
import { lazy, useMemo } from 'react';
import { usePlaybackSettings } from '/@/renderer/store'; import { usePlaybackSettings } from '/@/renderer/store';
import { PlaybackType } from '/@/renderer/types'; import { PlaybackType } from '/@/renderer/types';
import { FullScreenSimilarSongs } from '/@/renderer/features/player/components/full-screen-similar-songs';
const FullScreenSimilarSongs = lazy(() => const Visualizer = lazy(() =>
import('/@/renderer/features/player/components/full-screen-similar-songs').then((module) => ({ import('/@/renderer/features/player/components/visualizer').then((module) => ({
default: module.FullScreenSimilarSongs, default: module.Visualizer,
})), })),
); );
@ -152,7 +152,9 @@ export const FullScreenPlayerQueue = () => {
) : activeTab === 'lyrics' ? ( ) : activeTab === 'lyrics' ? (
<Lyrics /> <Lyrics />
) : activeTab === 'visualizer' && type === PlaybackType.WEB && webAudio ? ( ) : activeTab === 'visualizer' && type === PlaybackType.WEB && webAudio ? (
<Suspense fallback={<></>}>
<Visualizer /> <Visualizer />
</Suspense>
) : null} ) : null}
</GridContainer> </GridContainer>
); );