From e6bcb4e23731270fc48ec6e36a74b432981fbecf Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 23 Jul 2023 05:31:10 -0700
Subject: [PATCH] Fix ag-grid styles

---
 src/remote/app.tsx   | 1 -
 src/renderer/app.tsx | 9 +++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/remote/app.tsx b/src/remote/app.tsx
index 747ba024..d5581430 100644
--- a/src/remote/app.tsx
+++ b/src/remote/app.tsx
@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { MantineProvider } from '@mantine/core';
 import './styles/global.scss';
-import '@ag-grid-community/styles/ag-grid.css';
 import { useIsDark, useReconnect } from '/@/remote/store';
 import { Shell } from '/@/remote/components/shell';
 
diff --git a/src/renderer/app.tsx b/src/renderer/app.tsx
index ada4a3b9..9725c2d5 100644
--- a/src/renderer/app.tsx
+++ b/src/renderer/app.tsx
@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
 import { ModuleRegistry } from '@ag-grid-community/core';
 import { InfiniteRowModelModule } from '@ag-grid-community/infinite-row-model';
@@ -23,6 +23,7 @@ import isElectron from 'is-electron';
 import { getMpvProperties } from '/@/renderer/features/settings/components/playback/mpv-settings';
 import { PlayerState, usePlayerStore, useQueueControls } from '/@/renderer/store';
 import { PlaybackType, PlayerStatus } from '/@/renderer/types';
+import '@ag-grid-community/styles/ag-grid.css';
 
 ModuleRegistry.registerModules([ClientSideRowModelModule, InfiniteRowModelModule]);
 
@@ -47,6 +48,10 @@ export const App = () => {
         root.style.setProperty('--content-font-family', contentFont);
     }, [contentFont]);
 
+    const providerValue = useMemo(() => {
+        return { handlePlayQueueAdd };
+    }, [handlePlayQueueAdd]);
+
     // Start the mpv instance on startup
     useEffect(() => {
         const initializeMpv = async () => {
@@ -201,7 +206,7 @@ export const App = () => {
                 }}
                 modals={{ addToPlaylist: AddToPlaylistContextModal, base: BaseContextModal }}
             >
-                <PlayQueueHandlerContext.Provider value={{ handlePlayQueueAdd }}>
+                <PlayQueueHandlerContext.Provider value={providerValue}>
                     <ContextMenuProvider>
                         <AppRouter />
                     </ContextMenuProvider>