front/dev

FRONT/DEV/index.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { HashRouter } from 'react-router-dom';
+import { useIpStore } from './src/store';
+import { useEffect } from 'react';
+import {useCheckAdmin} from './src/utils/checkAdmin.ts'
+
+import {
+  ModalProvider,
+  useModalContext,
+  ThemeProvider
+} from './src/store';
+
+import WindowComponent from './src/components/modalwindows/modalWindow.tsx';
+import Router from './src/router.tsx';
+
+const MainComponent = () => {
+
+  const checkAdmin = useCheckAdmin()
+  const {ipAddress} = useIpStore()
+
+  useEffect(() => {
+    const checkAdminStatus = async () => {
+      await checkAdmin()
+    }
+    checkAdminStatus()
+  }, [ipAddress])
+
+
+  const { isOpen, modalType, modalData } = useModalContext();
+  return (
+    <>
+      <WindowComponent isOpen={isOpen} type={modalType} data={modalData} />
+      <Router />
+    </>
+  );
+};
+
+const container = document.getElementById('root');
+if (!container) {
+  throw new Error('Root element with id "root" not found');
+}
+const root = createRoot(container);
+root.render(
+  <ThemeProvider>
+    <HashRouter>
+      <ModalProvider>
+        <MainComponent />
+      </ModalProvider>
+    </HashRouter>
+  </ThemeProvider>
+);