mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-22 10:26:33 +02:00
optimize settings store
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import isElectron from 'is-electron';
|
||||
import { lazy, Suspense, useMemo } from 'react';
|
||||
import { lazy, memo, Suspense, useMemo } from 'react';
|
||||
import { shallow } from 'zustand/shallow';
|
||||
|
||||
import { AudioSettings } from '/@/renderer/features/settings/components/playback/audio-settings';
|
||||
import { AutoDJSettings } from '/@/renderer/features/settings/components/playback/auto-dj-settings';
|
||||
@@ -16,9 +17,14 @@ const MpvSettings = lazy(() =>
|
||||
}),
|
||||
);
|
||||
|
||||
export const PlaybackTab = () => {
|
||||
const audioType = useSettingsStore((state) => state.playback.type);
|
||||
const useWebAudio = useSettingsStore((state) => state.playback.webAudio);
|
||||
export const PlaybackTab = memo(() => {
|
||||
const { audioType, useWebAudio } = useSettingsStore(
|
||||
(state) => ({
|
||||
audioType: state.playback.type,
|
||||
useWebAudio: state.playback.webAudio,
|
||||
}),
|
||||
shallow,
|
||||
);
|
||||
|
||||
const hasFancyAudio = useMemo(() => {
|
||||
return (
|
||||
@@ -39,4 +45,4 @@ export const PlaybackTab = () => {
|
||||
<AutoDJSettings />
|
||||
</Stack>
|
||||
);
|
||||
};
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user