✨feat: 팀원소개서 상세 페이지 나와 관련된 이슈 GET

Neogasogaeseo · Jan 18, 2022 · 1f3ae09 · 1f3ae09
1 parent c4ac0b0
commit 1f3ae09
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 2 deletions.
diff --git a/src/infrastructure/api/team.ts b/src/infrastructure/api/team.ts
@@ -12,5 +12,6 @@ export interface TeamService {
   getTeamProfile(): Promise<TeamProfileData>;
   getMyTeamIssue(): Promise<TeamIssueData>;
   getTeamIssue(teamID: string): Promise<TeamIssueData>;
+  getMyIssue(teamID:string): Promise<TeamIssueData>;
   getInviteInfo(): Promise<TeamInviteData>;
 }
diff --git a/src/infrastructure/mock/team.ts b/src/infrastructure/mock/team.ts
@@ -27,6 +27,11 @@ export function teamDataMock(): TeamService {
     return TEAM_DATA.TEAM_ISSUE_INFO;
   };
 
+  const getMyIssue = async () => {
+    await wait(2000);
+    return TEAM_DATA.TEAM_ISSUE_INFO;
+  };
+
   const getInviteInfo = async () => {
     await wait(2000);
     return TEAM_DATA.TEAM_INVITE_INFO;
@@ -38,6 +43,7 @@ export function teamDataMock(): TeamService {
     getTeamProfile,
     getMyTeamIssue,
     getTeamIssue,
+    getMyIssue,
     getInviteInfo,
   };
 }

diff --git a/src/infrastructure/remote/team.ts b/src/infrastructure/remote/team.ts
@@ -32,6 +32,29 @@ export function teamDataRemote(): TeamService {
     else throw '서버 통신 실패';
   };
 
+  const getMyIssue = async (teamID: string) => {
+    const response = await privateAPI.get({ url: `/team/detail/${teamID}/issue/my` });
+    if (response.status === 200)
+      return {
+        issueListData: response.data.map((team: any) => ({
+          issueNumber: team.id,
+          issueMembers: team.feedback.map((member: any) => ({
+            id: member.userId,
+            profileName: member.name,
+            profileImage: member.image,
+          })),
+          category: team.categoryName,
+          createdAt: team.dates,
+          content: team.content,
+          teamID: team.teamId,
+          issueCardImage: team.teamImage,
+          teamName: team.teamname,
+          memberName: team.username,
+        })),
+      };
+    else throw '서버 통신 실패';
+  };
+
   const postFeedbackBookmark = async () => {
     await wait(1000);
     return { isSuccess: true };
@@ -90,6 +113,7 @@ export function teamDataRemote(): TeamService {
     getTeamProfile,
     getMyTeamIssue,
     getTeamIssue,
+    getMyIssue,
     getInviteInfo,
     getIssueInfo,
   };

diff --git a/src/presentation/pages/Team/Main/index.tsx b/src/presentation/pages/Team/Main/index.tsx
@@ -36,7 +36,7 @@ function TeamMain() {
         });
     })();
   }, []);
-  
+
   useEffect(() => {
     (async () => {
       if (teamID === undefined) return;
@@ -45,6 +45,23 @@ function TeamMain() {
     })();
   }, []);
 
+  const checkMyIssue = () => {
+    setIsChecked(!isChecked);
+    if (!isChecked) {
+      (async () => {
+        if (teamID === undefined) return;
+        const { issueListData } = await api.teamService.getMyIssue(teamID);
+        setIssueListData(issueListData);
+      })();
+    } else {
+      (async () => {
+        if (teamID === undefined) return;
+        const { issueListData } = await api.teamService.getTeamIssue(teamID);
+        setIssueListData(issueListData);
+      })();
+    }
+  };
+
   return (
     <StTeamMain>
       {teamInfoData && (
@@ -74,7 +91,7 @@ function TeamMain() {
       )}
       <button onClick={() => navigate(`/team/${teamID}/create`)}>이슈 추가하기</button>
       <StCheckWrapper>
-        <button onClick={() => setIsChecked(!isChecked)}>
+        <button onClick={() => checkMyIssue()}>
           <img src={isChecked ? icCoralCheck : icGrayCheck} />
         </button>
         나와 관련된 이슈만 보기