update slug

nesmon · Mar 20, 2023 · 5e9df0c · 5e9df0c
1 parent 3291984
commit 5e9df0c
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 5 deletions.
diff --git a/src/App.css → src/Route/Index/Index.css b/src/App.css → src/Route/Index/Index.css
diff --git a/src/App.jsx → src/Route/Index/Index.jsx b/src/App.jsx → src/Route/Index/Index.jsx
@@ -1,15 +1,15 @@
 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 (
     <div className="App">
       <div className="songList">
         {charts.map((item, index) => {
           return (
-            <Link to={`/ls/${item.name}`} key={index}>
+            <Link to={`/score/${item.name}`} key={index}>
               <Chart key={index} data={item} />
             </Link>
           )

diff --git a/src/Route/Score/Score.css b/src/Route/Score/Score.css
diff --git a/src/Route/Score/Score.jsx 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 (
+    <div className="App">
+      {chartId}
+    </div>
+  );
+}
+
+export default Score;
diff --git 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 = () => {
     <Router>
       <Routes>
         <Route path="/" element={<App />} />
+        <Route path="/score/:chartId" element={<Score />} />
       </Routes>
     </Router>
   )