diff options
-rw-r--r-- | client/js/app/index.html | 4 | ||||
-rw-r--r-- | client/js/app/src/app/assets/favicon.svg (renamed from client/js/app/src/favicon.svg) | 0 | ||||
-rw-r--r-- | client/js/app/src/app/assets/logo.svg (renamed from client/js/app/src/logo.svg) | 0 | ||||
-rw-r--r-- | client/js/app/src/app/components/App.jsx (renamed from client/js/app/src/App.jsx) | 12 | ||||
-rw-r--r-- | client/js/app/src/app/pages/main.jsx | 10 | ||||
-rw-r--r-- | client/js/app/src/app/styles/App.css (renamed from client/js/app/src/App.css) | 0 | ||||
-rw-r--r-- | client/js/app/src/app/styles/index.css (renamed from client/js/app/src/index.css) | 0 | ||||
-rw-r--r-- | client/js/app/src/main.jsx | 10 |
8 files changed, 18 insertions, 18 deletions
diff --git a/client/js/app/index.html b/client/js/app/index.html index b46ab83364e..f6304d618e5 100644 --- a/client/js/app/index.html +++ b/client/js/app/index.html @@ -2,12 +2,12 @@ <html lang="en"> <head> <meta charset="UTF-8" /> - <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" /> + <link rel="icon" type="image/svg+xml" href="/src/app/assets/favicon.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vite App</title> </head> <body> <div id="root"></div> - <script type="module" src="/src/main.jsx"></script> + <script type="module" src="/src/app/pages/main.jsx"></script> </body> </html> diff --git a/client/js/app/src/favicon.svg b/client/js/app/src/app/assets/favicon.svg index de4aeddc12b..de4aeddc12b 100644 --- a/client/js/app/src/favicon.svg +++ b/client/js/app/src/app/assets/favicon.svg diff --git a/client/js/app/src/logo.svg b/client/js/app/src/app/assets/logo.svg index 6b60c1042f5..6b60c1042f5 100644 --- a/client/js/app/src/logo.svg +++ b/client/js/app/src/app/assets/logo.svg diff --git a/client/js/app/src/App.jsx b/client/js/app/src/app/components/App.jsx index 7d4eb10ff83..074309854b0 100644 --- a/client/js/app/src/App.jsx +++ b/client/js/app/src/app/components/App.jsx @@ -1,9 +1,9 @@ -import { useState } from 'react' -import logo from './logo.svg' -import './App.css' +import React, { useState } from 'react'; +import logo from 'app/assets/logo.svg'; +import 'app/styles/App.css'; function App() { - const [count, setCount] = useState(0) + const [count, setCount] = useState(0); return ( <div className="App"> @@ -39,7 +39,7 @@ function App() { </p> </header> </div> - ) + ); } -export default App +export default App; diff --git a/client/js/app/src/app/pages/main.jsx b/client/js/app/src/app/pages/main.jsx new file mode 100644 index 00000000000..e385b05b2a4 --- /dev/null +++ b/client/js/app/src/app/pages/main.jsx @@ -0,0 +1,10 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import App from 'app/components/App'; +import 'app/styles/index.css'; + +ReactDOM.createRoot(document.getElementById('root')).render( + <React.StrictMode> + <App /> + </React.StrictMode> +); diff --git a/client/js/app/src/App.css b/client/js/app/src/app/styles/App.css index 8da3fde63d9..8da3fde63d9 100644 --- a/client/js/app/src/App.css +++ b/client/js/app/src/app/styles/App.css diff --git a/client/js/app/src/index.css b/client/js/app/src/app/styles/index.css index ec2585e8c0b..ec2585e8c0b 100644 --- a/client/js/app/src/index.css +++ b/client/js/app/src/app/styles/index.css diff --git a/client/js/app/src/main.jsx b/client/js/app/src/main.jsx deleted file mode 100644 index 9af0bb638e4..00000000000 --- a/client/js/app/src/main.jsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react' -import ReactDOM from 'react-dom/client' -import App from './App' -import './index.css' - -ReactDOM.createRoot(document.getElementById('root')).render( - <React.StrictMode> - <App /> - </React.StrictMode> -) |