diff --git a/src/AppRoutes.js b/src/AppRoutes.js index 7ed4f169aa7e1cdef4059b3de9cac16cf48582ef..eeac20b894768eb744e24ed00ec024282bb4c764 100644 --- a/src/AppRoutes.js +++ b/src/AppRoutes.js @@ -6,6 +6,7 @@ import LoginPage from "./pages/LoginPage/LoginPage"; import PartsCertification from "./pages/PartsCertification/PartsCertification"; import MyCombinationPage from "./pages/MyCombinationPage/MyCombinationPage"; import Waiting from "./pages/PartsCertification/Waiting"; +import SharedCombinationPage from "./pages/SharedCombinationPage/SharedCombinationPage"; const AppRoutes = () => { return ( @@ -17,6 +18,7 @@ const AppRoutes = () => { <Route path="waiting/:code" element={<Waiting />} /> </Route> <Route path="/mycombination" element={<MyCombinationPage/>} /> + <Route path="/shared" element={<SharedCombinationPage />} /> </Routes> ); }; diff --git a/src/components/CombinationGrid/CombinationGrid.jsx b/src/components/CombinationGrid/CombinationGrid.jsx index 75eda89e9132f22c7b91b624b3896a3b2241d9ca..b9c721d00b75856474c2b5290744847930c435d7 100644 --- a/src/components/CombinationGrid/CombinationGrid.jsx +++ b/src/components/CombinationGrid/CombinationGrid.jsx @@ -10,8 +10,8 @@ const CombinationGrid = ({ combination }) => { <div className="combination-grid"> {combination.map((combo, index) => ( <div key={index} className="combination-card"> - <img src={combo.imageUrl} alt={combo.name} className="card-image" /> - <h2 className="card-title">{combo.name}</h2> + <img src={combo.image_url} alt={combo.title} className="card-image" /> + <h2 className="card-title">{combo.title}</h2> <p className="card-description">{combo.description}</p> </div> ))} diff --git a/src/pages/MyCombinationPage/MyCombinationPage.jsx b/src/pages/MyCombinationPage/MyCombinationPage.jsx index 6f98c6cb5a50b92d23722592b7fb8036bf67e211..8078e365081870f12f5a99e91f4cb71ca1008c05 100644 --- a/src/pages/MyCombinationPage/MyCombinationPage.jsx +++ b/src/pages/MyCombinationPage/MyCombinationPage.jsx @@ -1,7 +1,7 @@ import React, { useEffect, useState } from "react"; import getMyPCs from "@/api/my/getMyPCs"; import getPartById from "@/api/parts/getPartById"; -import { Link, useNavigate } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; import './MyCombinationPage.css'; import PartItem from "@/components/PartItem"; import updatePCName from "@/api/my/updatePCName";