Rename; Added EMS server; redis compose

client/src/main.tsx

@@ -0,0 +1,83 @@
+import "@fontsource/inter";
+import React, { useEffect } from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './index.css'
+import { ThemeProvider } from '@emotion/react'
+import { createTheme } from '@mui/material'
+import { ruRU } from '@mui/material/locale'
+import { getDarkMode, usePrefStore } from "./store/preferences.ts";
+
+const mainTheme = createTheme(
+  {
+    typography: {
+      fontFamily: [
+        'Inter'
+      ].join(',')
+    },
+    components: {
+      MuiListItemButton: {
+        defaultProps: {
+          disableRipple: true
+        }
+      },
+      MuiButton: {
+        defaultProps: {
+          disableRipple: true
+        }
+      },
+      MuiButtonBase: {
+        defaultProps: {
+          disableRipple: true,
+        }
+      },
+      MuiButtonGroup: {
+        defaultProps: {
+          disableRipple: true,
+        }
+      }
+    },
+  }
+)
+
+const darkTheme = createTheme(
+  {
+    ...mainTheme,
+    palette: {
+      mode: "dark",
+      primary: { main: '#1976d2' },
+    },
+  },
+  ruRU,
+);
+
+const lightTheme = createTheme(
+  {
+    ...mainTheme,
+    palette: {
+      mode: "light",
+      primary: { main: '#1976d2' },
+    },
+  },
+  ruRU,
+);
+
+function ThemedApp() {
+  const prefStore = usePrefStore()
+
+  useEffect(() => {
+    getDarkMode()
+  }, [])
+
+  return (
+    <ThemeProvider theme={prefStore.darkMode ? darkTheme : lightTheme}>
+      <App />
+    </ThemeProvider>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <ThemedApp />
+  </React.StrictMode>,
+)