Merge pull request #328 from Team-INSERT/hotfix/#327

게임 결과 퍼블리싱 이슈
Team-INSERT · Nov 28, 2024 · 3dec714 · 3dec714
2 parents 2f1f120 + 761402f
commit 3dec714
Showing 1 changed file with 31 additions and 26 deletions.
diff --git a/src/pages/result/ui/index.tsx b/src/pages/result/ui/index.tsx
@@ -103,33 +103,38 @@ export const Result = () => {
         </S.RankTable>
       </S.RankingBox>
       <S.Podium>
-        <S.FirstPlaceCharacter>
-          <S.CrownPosition>
-            <Crown />
-          </S.CrownPosition>
-          <S.Flash src={flash} />
-          <Character
-            characterColor={
-              itemRoomResult[0]?.color.toLowerCase() || "defaultColor"
-            }
-          />
-        </S.FirstPlaceCharacter>
-
-        <S.SecondPlaceCharacter>
-          <Character
-            characterColor={
-              itemRoomResult[1]?.color.toLowerCase() || "defaultColor"
-            }
-          />
-        </S.SecondPlaceCharacter>
+        {itemRoomResult.length >= 1 && (
+          <S.FirstPlaceCharacter>
+            <S.CrownPosition>
+              <Crown />
+            </S.CrownPosition>
+            <S.Flash src={flash} />
+            <Character
+              characterColor={
+                itemRoomResult[0]?.color.toLowerCase() || "defaultColor"
+              }
+            />
+          </S.FirstPlaceCharacter>
+        )}
+        {itemRoomResult.length >= 2 && (
+          <S.SecondPlaceCharacter>
+            <Character
+              characterColor={
+                itemRoomResult[1]?.color.toLowerCase() || "defaultColor"
+              }
+            />
+          </S.SecondPlaceCharacter>
+        )}
 
-        <S.ThirdPlaceCharacter>
-          <Character
-            characterColor={
-              itemRoomResult[2]?.color.toLowerCase() || "defaultColor"
-            }
-          />
-        </S.ThirdPlaceCharacter>
+        {itemRoomResult.length >= 3 && (
+          <S.ThirdPlaceCharacter>
+            <Character
+              characterColor={
+                itemRoomResult[2]?.color.toLowerCase() || "defaultColor"
+              }
+            />
+          </S.ThirdPlaceCharacter>
+        )}
 
         <S.PodiumImg src={Podium} alt="Podium 이미지" />