From bfe2c6617af600aece368ecce9b5f7b285561ed4 Mon Sep 17 00:00:00 2001
From: Choejeonghun <saa00123@naver.com>
Date: Fri, 8 Sep 2023 12:32:58 +0900
Subject: [PATCH] fix: useParams

---
 front/src/pages/project/Project.tsx | 18 +++++++++---------
 front/src/pages/sprint/Sprint.tsx   |  9 ++++++---
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/front/src/pages/project/Project.tsx b/front/src/pages/project/Project.tsx
index 8751318..5ca50b6 100644
--- a/front/src/pages/project/Project.tsx
+++ b/front/src/pages/project/Project.tsx
@@ -1,9 +1,9 @@
-import React, { useState, useEffect } from 'react';
-import axios from 'axios';
-import { NavLink } from 'react-router-dom';
-import moveImg from '../../images/login.png';
-import Menu from '../../components/frames/Side/Sidebar';
-import ProjectPopup from '../../components/Popup/ProjectPopup';
+import React, { useState, useEffect } from "react";
+import axios from "axios";
+import { NavLink } from "react-router-dom";
+import moveImg from "../../images/login.png";
+import Menu from "../../components/frames/Side/Sidebar";
+import ProjectPopup from "../../components/Popup/ProjectPopup";
 
 interface Manager {
   id: number;
@@ -33,7 +33,7 @@ function Project() {
   useEffect(() => {
     async function fetchData(): Promise<void> {
       try {
-        const response = await axios.get<ProjectData[]>('projects?team-id=1');
+        const response = await axios.get<ProjectData[]>("projects?team-id=1");
         setProjectData(response.data);
         console.log(response.data);
       } catch (error) {
@@ -44,7 +44,7 @@ function Project() {
   }, []);
 
   const activeStyle = {
-    background: '#D8F1FF',
+    background: "#D8F1FF",
   };
 
   return (
@@ -67,7 +67,7 @@ function Project() {
                     <NavLink
                       className='flex justify-center items-center ml-auto w-[60px] h-[40px] rounded-[10px] bg-[#4A4A4A] text-white'
                       style={({ isActive }) => (isActive ? activeStyle : {})}
-                      to='/sprint'
+                      to={`/sprint/${projectData.id}`}
                     >
                       <img
                         className='w-[24px] h-[24px]'
diff --git a/front/src/pages/sprint/Sprint.tsx b/front/src/pages/sprint/Sprint.tsx
index 51488be..597e458 100644
--- a/front/src/pages/sprint/Sprint.tsx
+++ b/front/src/pages/sprint/Sprint.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import axios from "axios";
-import { NavLink } from "react-router-dom";
+import { NavLink, useParams } from "react-router-dom";
 import moveImg from "../../images/login.png";
 import Menu from "../../components/frames/Side/Sidebar";
 import MiniChart from "../../images/minichart.png";
@@ -30,11 +30,14 @@ interface SprintData {
 
 function Sprint() {
   const [sprintData, setSprintData] = useState<SprintData[]>();
+  const { projectId } = useParams<{ projectId: string }>();
 
   useEffect(() => {
     async function fetchData(): Promise<void> {
       try {
-        const response = await axios.get<SprintData[]>("sprints?project-id=2");
+        const response = await axios.get<SprintData[]>(
+          `sprints?project-id=${projectId}`
+        );
         setSprintData(response.data);
         console.log(response.data, response.status);
       } catch (error) {
@@ -42,7 +45,7 @@ function Sprint() {
       }
     }
     fetchData();
-  }, []);
+  }, [projectId]);
 
   const activeStyle = {
     background: "#D8F1FF",