feat: 토너먼트 api를 연결합니다. (#210)

* fix: api 변경 사항 반영 * feat: api 적용 완료 * fix * chore: 주석 제거
Kernel360 · Nov 15, 2024 · 613a46a · 613a46a
1 parent 5784392
commit 613a46a
Show file tree

Hide file tree

Showing 10 changed files with 110 additions and 423 deletions.
diff --git a/app/test/page.tsx b/app/test/page.tsx
@@ -2,7 +2,7 @@ import TournamentBracket from "@/components/club/TournamentBracket";
 import React from "react";
 
 function Page() {
-  return <TournamentBracket />;
+  return <div>test</div>;
 }
 
 export default Page;
diff --git a/components/club/TournamentBracket/MatchPlayerBlock.tsx b/components/club/TournamentBracket/MatchPlayerBlock.tsx
@@ -10,23 +10,32 @@ function MatchPlayerBlock({
   tier,
   participant_win_set_count,
 }: MatchPlayerBlockProps) {
+  console.log(name);
   return (
     <div className="flex items-center justify-between gap-3 p-2 rounded-sm bg-gray-700 w-60 h-11">
-      <div className="flex items-center gap-3 ">
-        <img
-          src={image}
-          alt="profile"
-          className="w-8 h-8 rounded-full object-cover border border-gray-500"
-        />
-        <div className="flex-1 flex justify-center items-center gap-2">
-          <span className="block text-sm font-semibold text-gray-200 truncate">
-            {name} {getTierWithEmoji(tier || "")}
+      {name ? (
+        <>
+          <div className="flex items-center gap-3 ">
+            <img
+              src={image}
+              alt="profile"
+              className="w-8 h-8 rounded-full object-cover border border-gray-500"
+            />
+            <div className="flex-1 flex justify-center items-center gap-2">
+              <span className="block text-sm font-semibold text-gray-200 truncate">
+                {name} {getTierWithEmoji(tier || "")}
+              </span>
+            </div>
+          </div>
+          <span className="text-lg font-semibold text-blue-300">
+            {participant_win_set_count}
           </span>
+        </>
+      ) : (
+        <div className="w-full flex justify-center">
+          <span className="text-lg font-semibold text-blue-300">-</span>
         </div>
-      </div>
-      <span className="text-lg font-semibold text-blue-300">
-        {participant_win_set_count}
-      </span>
+      )}
     </div>
   );
 }