[FeFeat] 신청인원/ 최대인원 확인, 아이콘추가#1106

42organization · Nov 24, 2023 · 956234d · 956234d
1 parent c961f45
commit 956234d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/components/modal/tournament/TournamentRegistryModal.tsx b/components/modal/tournament/TournamentRegistryModal.tsx
@@ -1,5 +1,6 @@
 import dynamic from 'next/dynamic';
 import { useSetRecoilState } from 'recoil';
+import { MdPeopleAlt } from 'react-icons/md';
 import { QUILL_FORMATS } from 'types/quillTypes';
 import { TournamentInfo } from 'types/tournamentTypes';
 import { modalState } from 'utils/recoil/modal';
@@ -22,6 +23,7 @@ export default function TournamentRegistryModal({
   status,
   type,
   endTime,
+  player_cnt,
 }: TournamentInfo) {
   const setModal = useSetRecoilState(modalState);
   const Date = startTime.toString().split(':').slice(0, 2).join(':');
@@ -48,7 +50,10 @@ export default function TournamentRegistryModal({
       <div className={styles.title}>{title}</div>
       <div className={styles.tournamentInfo}>
         <div className={styles.startTime}>{Date}</div>
-        <div className={styles.participants}>현재인원 / 최대인원</div>
+        <div className={styles.participants}>
+          <MdPeopleAlt />
+          <div className={styles.player}>{player_cnt} / 8</div>
+        </div>
       </div>
       <Quill
         className={styles.quillViewer}

diff --git a/styles/modal/event/TournamentRegistryModal.module.scss b/styles/modal/event/TournamentRegistryModal.module.scss
@@ -66,3 +66,13 @@
   justify-content: center;
   align-items: center;
 }
+
+.participants {
+  display: flex;
+  padding-top: 0.1rem;
+  padding-bottom: 0.1rem qw;
+  justify-content: center;
+  .player {
+    padding-left: 0.2rem;
+  }
+}