refactor feature hooks to be conditionally initialized

src/renderer/features/player/hooks/use-power-save-blocker.ts

@@ -1,8 +1,7 @@
 import isElectron from 'is-electron';
-import { useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 
-import { usePlayerStatus } from '/@/renderer/store';
-import { useWindowSettings } from '/@/renderer/store';
+import { usePlayerStatus, useSettingsStore, useWindowSettings } from '/@/renderer/store';
 import { PlayerStatus } from '/@/shared/types/types';
 
 const ipc = isElectron() ? window.api.ipc : null;
@@ -48,3 +47,19 @@ export const usePowerSaveBlocker = () => {
         };
     }, [stopPowerSaveBlocker]);
 };
+
+const PowerSaveBlockerHookInner = () => {
+    usePowerSaveBlocker();
+    return null;
+};
+
+export const PowerSaveBlockerHook = () => {
+    const isElectronEnv = isElectron();
+    const preventSleepOnPlayback = useSettingsStore((state) => state.window.preventSleepOnPlayback);
+
+    if (!isElectronEnv || !preventSleepOnPlayback) {
+        return null;
+    }
+
+    return React.createElement(PowerSaveBlockerHookInner);
+};