z

web/.npmrc

@@ -0,0 +1 @@
+public-hoist-pattern[]=*@nextui-org/*

web/src/App.tsx

@@ -3,7 +3,6 @@ import { useSelector } from 'react-redux';
 import { AppActions, RootState } from './store';
 import { ToastContainer } from 'react-toastify';
 import { Box } from 'lr-components';
-import { NextUIProvider } from '@nextui-org/react';
 import AppActionHook from './components/AppActionHook';
 import { isEnvBrowser } from './utils/misc';
 import { fetchNui } from './utils/fetchNui';
@@ -25,7 +24,6 @@ function App() {
   }, [setSetting]);
   return (
     <SettingContext.Provider value={{ setting, setSetting, L }}>
-      <NextUIProvider>
       <Box
         display='flex'
         position='absolute'
@@ -57,7 +55,6 @@ function App() {
         ></Box>
       )}
       <ToastContainer pauseOnFocusLoss={false} hideProgressBar={true} />
-      </NextUIProvider>
     </SettingContext.Provider>
   );
 }

web/src/main.tsx

@@ -4,11 +4,24 @@ import App from './App';
 import './index.css';
 import { Provider } from 'react-redux';
 import { store } from './store';
+import { isEnvBrowser } from './utils/misc';
+import { NextUIProvider } from '@nextui-org/react';
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+const root = document.getElementById('root');
+if (isEnvBrowser()) {
+  // https://i.imgur.com/iPTAdYV.png - Night time img
+  root!.style.backgroundImage = 'url("https://i.imgur.com/3pzRj9n.png")';
+  root!.style.backgroundSize = 'cover';
+  root!.style.backgroundRepeat = 'no-repeat';
+  root!.style.backgroundPosition = 'center';
+}
+
+ReactDOM.createRoot(root!).render(
   <React.StrictMode>
     <Provider store={store}>
+      <NextUIProvider>
         <App />
+      </NextUIProvider>
     </Provider>
   </React.StrictMode>
 );