diff --git a/src/App.css b/src/Route/Index/Index.css similarity index 100% rename from src/App.css rename to src/Route/Index/Index.css diff --git a/src/App.jsx b/src/Route/Index/Index.jsx similarity index 65% rename from src/App.jsx rename to src/Route/Index/Index.jsx index 1f473a8..747c5f6 100644 --- a/src/App.jsx +++ b/src/Route/Index/Index.jsx @@ -1,7 +1,7 @@ import { Link } from 'react-router-dom'; -import './App.css'; -import charts from './charts.json'; -import Chart from './Components/chart/chart'; +import './Index.css'; +import charts from './../../charts.json'; +import Chart from './../../Components/chart/chart'; function App() { return ( @@ -9,7 +9,7 @@ function App() {
{charts.map((item, index) => { return ( - + ) diff --git a/src/Route/Score/Score.css b/src/Route/Score/Score.css new file mode 100644 index 0000000..e69de29 diff --git a/src/Route/Score/Score.jsx b/src/Route/Score/Score.jsx new file mode 100644 index 0000000..150d1aa --- /dev/null +++ b/src/Route/Score/Score.jsx @@ -0,0 +1,16 @@ +import { Link } from 'react-router-dom'; +import { useParams } from 'react-router-dom'; +import './Score.css'; + +function Score() { + const { chartId } = useParams(); + + + return ( +
+ {chartId} +
+ ); +} + +export default Score; diff --git a/src/main.jsx b/src/main.jsx index 8685715..e22be4c 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,7 +1,8 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; -import App from './App'; +import App from './Route/Index/Index'; +import Score from './Route/Score/Score'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; @@ -10,6 +11,7 @@ const Routing = () => { } /> + } /> )