Lint all files

src/renderer/app.tsx

@@ -29,161 +29,161 @@ const mpvPlayerListener = isElectron() ? window.electron.mpvPlayerListener : nul
 const ipc = isElectron() ? window.electron.ipc : null;
 
 export const App = () => {
-  const theme = useTheme();
-  const contentFont = useSettingsStore((state) => state.general.fontContent);
-  const { type: playbackType } = usePlaybackSettings();
-  const { bindings } = useHotkeySettings();
-  const handlePlayQueueAdd = useHandlePlayQueueAdd();
-  const { clearQueue, restoreQueue } = useQueueControls();
+    const theme = useTheme();
+    const contentFont = useSettingsStore((state) => state.general.fontContent);
+    const { type: playbackType } = usePlaybackSettings();
+    const { bindings } = useHotkeySettings();
+    const handlePlayQueueAdd = useHandlePlayQueueAdd();
+    const { clearQueue, restoreQueue } = useQueueControls();
 
-  useEffect(() => {
-    const root = document.documentElement;
-    root.style.setProperty('--content-font-family', contentFont);
-  }, [contentFont]);
+    useEffect(() => {
+        const root = document.documentElement;
+        root.style.setProperty('--content-font-family', contentFont);
+    }, [contentFont]);
 
-  // Start the mpv instance on startup
-  useEffect(() => {
-    const initializeMpv = async () => {
-      const isRunning: boolean | undefined = await mpvPlayer?.isRunning();
+    // Start the mpv instance on startup
+    useEffect(() => {
+        const initializeMpv = async () => {
+            const isRunning: boolean | undefined = await mpvPlayer?.isRunning();
 
-      if (!isRunning) {
-        const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
-        const properties = {
-          ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
+            if (!isRunning) {
+                const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
+                const properties = {
+                    ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
+                };
+
+                mpvPlayer?.initialize({
+                    extraParameters,
+                    properties,
+                });
+
+                mpvPlayer?.volume(properties.volume);
+            }
         };
 
-        mpvPlayer?.initialize({
-          extraParameters,
-          properties,
-        });
-
-        mpvPlayer?.volume(properties.volume);
-      }
-    };
-
-    if (isElectron() && playbackType === PlaybackType.LOCAL) {
-      initializeMpv();
-    }
-
-    return () => {
-      clearQueue();
-      mpvPlayer?.stop();
-      mpvPlayer?.cleanup();
-    };
-  }, [clearQueue, playbackType]);
-
-  useEffect(() => {
-    if (isElectron()) {
-      ipc?.send('set-global-shortcuts', bindings);
-    }
-  }, [bindings]);
-
-  useEffect(() => {
-    if (isElectron()) {
-      mpvPlayer.restoreQueue();
-
-      mpvPlayerListener.rendererSaveQueue(() => {
-        const { current, queue } = usePlayerStore.getState();
-        const stateToSave: Partial<Pick<PlayerState, 'current' | 'queue'>> = {
-          current: {
-            ...current,
-            status: PlayerStatus.PAUSED,
-          },
-          queue,
-        };
-        mpvPlayer.saveQueue(stateToSave);
-      });
-
-      mpvPlayerListener.rendererRestoreQueue((_event: any, data: Partial<PlayerState>) => {
-        const playerData = restoreQueue(data);
-        if (playbackType === PlaybackType.LOCAL) {
-          mpvPlayer.setQueue(playerData, true);
+        if (isElectron() && playbackType === PlaybackType.LOCAL) {
+            initializeMpv();
         }
-      });
-    }
 
-    return () => {
-      ipc?.removeAllListeners('renderer-player-restore-queue');
-      ipc?.removeAllListeners('renderer-player-save-queue');
-    };
-  }, [playbackType, restoreQueue]);
+        return () => {
+            clearQueue();
+            mpvPlayer?.stop();
+            mpvPlayer?.cleanup();
+        };
+    }, [clearQueue, playbackType]);
 
-  return (
-    <MantineProvider
-      withGlobalStyles
-      withNormalizeCSS
-      theme={{
-        colorScheme: theme as 'light' | 'dark',
-        components: {
-          Modal: {
-            styles: {
-              body: { background: 'var(--modal-bg)', padding: '1rem !important' },
-              close: { marginRight: '0.5rem' },
-              content: { borderRadius: '5px' },
-              header: {
-                background: 'var(--modal-header-bg)',
-                paddingBottom: '1rem',
-              },
-              title: { fontSize: 'medium', fontWeight: 500 },
-            },
-          },
-        },
-        defaultRadius: 'xs',
-        dir: 'ltr',
-        focusRing: 'auto',
-        focusRingStyles: {
-          inputStyles: () => ({
-            border: '1px solid var(--primary-color)',
-          }),
-          resetStyles: () => ({ outline: 'none' }),
-          styles: () => ({
-            outline: '1px solid var(--primary-color)',
-            outlineOffset: '-1px',
-          }),
-        },
-        fontFamily: 'var(--content-font-family)',
-        fontSizes: {
-          lg: '1.1rem',
-          md: '1rem',
-          sm: '0.9rem',
-          xl: '1.5rem',
-          xs: '0.8rem',
-        },
-        headings: {
-          fontFamily: 'var(--content-font-family)',
-          fontWeight: 700,
-        },
-        other: {},
-        spacing: {
-          lg: '2rem',
-          md: '1rem',
-          sm: '0.5rem',
-          xl: '4rem',
-          xs: '0rem',
-        },
-      }}
-    >
-      <ModalsProvider
-        modalProps={{
-          centered: true,
-          styles: {
-            body: { position: 'relative' },
-            content: { overflow: 'auto' },
-          },
-          transitionProps: {
-            duration: 300,
-            exitDuration: 300,
-            transition: 'fade',
-          },
-        }}
-        modals={{ addToPlaylist: AddToPlaylistContextModal, base: BaseContextModal }}
-      >
-        <PlayQueueHandlerContext.Provider value={{ handlePlayQueueAdd }}>
-          <ContextMenuProvider>
-            <AppRouter />
-          </ContextMenuProvider>
-        </PlayQueueHandlerContext.Provider>
-      </ModalsProvider>
-    </MantineProvider>
-  );
+    useEffect(() => {
+        if (isElectron()) {
+            ipc?.send('set-global-shortcuts', bindings);
+        }
+    }, [bindings]);
+
+    useEffect(() => {
+        if (isElectron()) {
+            mpvPlayer.restoreQueue();
+
+            mpvPlayerListener.rendererSaveQueue(() => {
+                const { current, queue } = usePlayerStore.getState();
+                const stateToSave: Partial<Pick<PlayerState, 'current' | 'queue'>> = {
+                    current: {
+                        ...current,
+                        status: PlayerStatus.PAUSED,
+                    },
+                    queue,
+                };
+                mpvPlayer.saveQueue(stateToSave);
+            });
+
+            mpvPlayerListener.rendererRestoreQueue((_event: any, data: Partial<PlayerState>) => {
+                const playerData = restoreQueue(data);
+                if (playbackType === PlaybackType.LOCAL) {
+                    mpvPlayer.setQueue(playerData, true);
+                }
+            });
+        }
+
+        return () => {
+            ipc?.removeAllListeners('renderer-player-restore-queue');
+            ipc?.removeAllListeners('renderer-player-save-queue');
+        };
+    }, [playbackType, restoreQueue]);
+
+    return (
+        <MantineProvider
+            withGlobalStyles
+            withNormalizeCSS
+            theme={{
+                colorScheme: theme as 'light' | 'dark',
+                components: {
+                    Modal: {
+                        styles: {
+                            body: { background: 'var(--modal-bg)', padding: '1rem !important' },
+                            close: { marginRight: '0.5rem' },
+                            content: { borderRadius: '5px' },
+                            header: {
+                                background: 'var(--modal-header-bg)',
+                                paddingBottom: '1rem',
+                            },
+                            title: { fontSize: 'medium', fontWeight: 500 },
+                        },
+                    },
+                },
+                defaultRadius: 'xs',
+                dir: 'ltr',
+                focusRing: 'auto',
+                focusRingStyles: {
+                    inputStyles: () => ({
+                        border: '1px solid var(--primary-color)',
+                    }),
+                    resetStyles: () => ({ outline: 'none' }),
+                    styles: () => ({
+                        outline: '1px solid var(--primary-color)',
+                        outlineOffset: '-1px',
+                    }),
+                },
+                fontFamily: 'var(--content-font-family)',
+                fontSizes: {
+                    lg: '1.1rem',
+                    md: '1rem',
+                    sm: '0.9rem',
+                    xl: '1.5rem',
+                    xs: '0.8rem',
+                },
+                headings: {
+                    fontFamily: 'var(--content-font-family)',
+                    fontWeight: 700,
+                },
+                other: {},
+                spacing: {
+                    lg: '2rem',
+                    md: '1rem',
+                    sm: '0.5rem',
+                    xl: '4rem',
+                    xs: '0rem',
+                },
+            }}
+        >
+            <ModalsProvider
+                modalProps={{
+                    centered: true,
+                    styles: {
+                        body: { position: 'relative' },
+                        content: { overflow: 'auto' },
+                    },
+                    transitionProps: {
+                        duration: 300,
+                        exitDuration: 300,
+                        transition: 'fade',
+                    },
+                }}
+                modals={{ addToPlaylist: AddToPlaylistContextModal, base: BaseContextModal }}
+            >
+                <PlayQueueHandlerContext.Provider value={{ handlePlayQueueAdd }}>
+                    <ContextMenuProvider>
+                        <AppRouter />
+                    </ContextMenuProvider>
+                </PlayQueueHandlerContext.Provider>
+            </ModalsProvider>
+        </MantineProvider>
+    );
 };