[Fix] 바깥 창 클릭시 하이라이트 제거기능 제거 #1138

42organization · Dec 8, 2023 · 85d7734 · 85d7734
1 parent 64f876a
commit 85d7734
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 15 deletions.
diff --git a/components/tournament/TournamentBraket.tsx b/components/tournament/TournamentBraket.tsx
@@ -46,9 +46,9 @@ export default function TournamentBraket({
   containerSize,
 }: TournamentBraketProps) {
   const [, setHighLightUser] = useRecoilState(clickedTournamentState);
+
   if (singleEliminationBracketMatchs.length === 0)
     return <h1 style={{ color: 'white' }}>Loading...</h1>;
-  // const [width, height] = useWindowSize();
   const finalWidth = containerSize?.width; //Math.max(width - 50, 500);
   const finalHeight = containerSize?.height; //Math.max(height - 100, 500);
 
@@ -61,7 +61,7 @@ export default function TournamentBraket({
         e: React.MouseEvent<HTMLDivElement>
       ) => {
         e.stopPropagation();
-        setHighLightUser(party.name);
+        if (party.name !== 'TBD') setHighLightUser(party.name);
       }}
       matchComponent={TournamentMatch}
       options={{

diff --git a/components/tournament/TournamentCard.tsx b/components/tournament/TournamentCard.tsx
@@ -1,5 +1,6 @@
 import { useSetRecoilState } from 'recoil';
 import { BiCalendar } from 'react-icons/bi';
+import { MdPeopleAlt } from 'react-icons/md';
 import { Modal } from 'types/modalTypes';
 import { TournamentInfo } from 'types/tournamentTypes';
 import { dateToString } from 'utils/handleTime';
@@ -51,6 +52,7 @@ export default function TournamentCard({
     >
       <div className={styles.text}>
         <div className={styles.left}>{title}</div>
+        <MdPeopleAlt /> {player_cnt} / 8
         <div className={styles.right}>
           <BiCalendar /> {start}
         </div>

diff --git a/pages/tournament.tsx b/pages/tournament.tsx
@@ -1,3 +1,4 @@
+import { start } from 'repl';
 import { Match } from '@g-loot/react-tournament-brackets/dist/src/types';
 import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { useQuery } from 'react-query';
@@ -80,19 +81,13 @@ export default function Tournament() {
       <h1 className={styles.title}>Tournament</h1>
       <div className={styles.tournamentContainer}>
         <div className={styles.tournamentText}> 예정된 토너먼트 </div>
-        <div className={styles.waitTournamentBox}>
-          {waitTournament?.tournaments.map((tournament) => (
-            <div className={styles.cardContainer} key={tournament.tournamentId}>
-              <TournamentCard key={tournament.tournamentId} {...tournament} />
-            </div>
-          ))}
-        </div>
-        <div className={styles.tournamentTextOpen}> 진행중인 토너먼트 </div>
-        <div
-          className={styles.openTournamentBox}
-          ref={containerRef}
-          onClick={() => sethighLightUser('')}
-        >
+        {waitTournament?.tournaments.map((tournament) => (
+          <div className={styles.cardContainer} key={tournament.tournamentId}>
+            <TournamentCard key={tournament.tournamentId} {...tournament} />
+          </div>
+        ))}
+        <div className={styles.tournamentText}> 진행중인 토너먼트 </div>
+        <div className={styles.openTournamentBox} ref={containerRef}>
           {openInfo.data && openInfo.data.tournaments.length === 0 ? (
             <div className={styles.tournamentText}>
               진행중인 토너먼트가 없습니다