Merge pull request #201 from TheUpperPart/Feat/#185

Feat: 점수별로 등수 정렬
TheUpperPart · Oct 30, 2023 · 81007ff · 81007ff
2 parents fc7bf68 + 4ed92e6
commit 81007ff
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/src/components/Bracket/BracketContents.tsx b/src/components/Bracket/BracketContents.tsx
@@ -53,24 +53,26 @@ const BracketContents = (props: Props) => {
                 {match.matchPlayerInfoList.length === 0 ? (
                   <MatchNoGame>아직 대진표가 생성되지 않았어요 :(</MatchNoGame>
                 ) : (
-                  match.matchPlayerInfoList.map((user) => {
-                    return (
-                      <UserContainer myself={user.gameId === data.myGameId}>
-                        <UserImgContainer>
-                          {user.profileSrc ? (
-                            <UserImg src={user.profileSrc} alt='profile' width={30} height={30} />
-                          ) : (
-                            <UserNameImg>
-                              <UserNameImgText>{user.gameId.substring(0, 2)}</UserNameImgText>
-                            </UserNameImg>
-                          )}
-                        </UserImgContainer>
-
-                        <UserName>{user.gameId}</UserName>
-                        <UserScore>{user.score}</UserScore>
-                      </UserContainer>
-                    );
-                  })
+                  match.matchPlayerInfoList
+                    .sort((a, b) => b.score - a.score)
+                    .map((user) => {
+                      return (
+                        <UserContainer myself={user.gameId === data.myGameId}>
+                          <UserImgContainer>
+                            {user.profileSrc ? (
+                              <UserImg src={user.profileSrc} alt='profile' width={30} height={30} />
+                            ) : (
+                              <UserNameImg>
+                                <UserNameImgText>{user.gameId.substring(0, 2)}</UserNameImgText>
+                              </UserNameImg>
+                            )}
+                          </UserImgContainer>
+
+                          <UserName>{user.gameId}</UserName>
+                          <UserScore>{user.score}</UserScore>
+                        </UserContainer>
+                      );
+                    })
                 )}
               </MatchContent>
             </MatchContainer>