fix suspense
This commit is contained in:
parent
e2a05f4204
commit
f11a53c1a4
1 changed files with 8 additions and 6 deletions
|
@ -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 ? (
|
||||||
<Visualizer />
|
<Suspense fallback={<></>}>
|
||||||
|
<Visualizer />
|
||||||
|
</Suspense>
|
||||||
) : null}
|
) : null}
|
||||||
</GridContainer>
|
</GridContainer>
|
||||||
);
|
);
|
||||||
|
|
Reference in a new issue