Merge pull request #10 from Aleksey-Levin/frontend/dice

feat: edit loading

frontend/casino/src/app/components/Loading/Loading.tsx

@@ -0,0 +1,20 @@
+import LoadingImg from '../../../assets/Capibebra.gif'
+import { styled } from '../../../styles'
+
+const LoadingStyle = styled('div', {
+    width: '100vw',
+    height: '100vh',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+})
+
+const Loading = () => {
+    return (
+        <LoadingStyle>
+            <img src={LoadingImg} />
+        </LoadingStyle>
+    )
+}
+
+export default Loading

frontend/casino/src/main.tsx

@@ -1,10 +1,14 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { App } from './App.tsx'
 import './index.css'
+import Loading from "./app/components/Loading/Loading.tsx";
+
+const App = React.lazy(() => import('./App').then(module => ({ default: module.App })))
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
+      <React.Suspense fallback={<Loading />}>
           <App />
+      </React.Suspense>
   </React.StrictMode>,
 )