style :: 멤버 추가 모달 더미 데이터 삭제

team-xquare · May 14, 2024 · 9a49994 · 9a49994
1 parent 82df804
commit 9a49994
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/Team/TeamManage/MemberAddModal.tsx b/src/components/Team/TeamManage/MemberAddModal.tsx
@@ -64,5 +64,6 @@ export const BottomContainer = styled.div`
   > div:first-child {
     font-size: 18px;
     font-weight: 500;
+    height: 21px;
   }
 `;
diff --git a/src/pages/Team/Manage.tsx b/src/pages/Team/Manage.tsx
@@ -135,7 +135,18 @@ export const TeamManage = () => {
                       })}
                 </MemberAddModal.MiddleContainer>
                 <MemberAddModal.BottomContainer>
-                  <div>홍길동, 이름김, 테스트 등 3명</div>
+                  <div>
+                    {selectedStudent &&
+                      selectedStudent.map((student, index) => {
+                        return (
+                          <>
+                            {index <= 2 && <>{student.split(' ')[1]}</>}
+                            {index < selectedStudent.length - 1 && index <= 1 && <>, </>}
+                          </>
+                        );
+                      })}
+                    {selectedStudent.length > 3 && <> 등 {selectedStudent.length - 3}명</>}
+                  </div>
                   <XButton buttonStyle="solid" width={100} height={50} onClick={onMemberAdd}>
                     팀원 추가
                   </XButton>