feat:버튼 클릭 모달열기 추가#1080

42organization · Nov 9, 2023 · a54da77 · a54da77
1 parent 4219a6c
commit a54da77
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 4 deletions.
diff --git a/components/admin/tournament/TournamentList.tsx b/components/admin/tournament/TournamentList.tsx
@@ -13,6 +13,7 @@ import {
   ITournament,
   ITournamentTable,
 } from 'types/admin/adminTournamentTypes';
+import { TournamentInfo } from 'types/modalTypes';
 import { modalState } from 'utils/recoil/modal';
 import { tableFormat } from 'constants/admin/table';
 import {
@@ -45,6 +46,18 @@ const smapleTournamentList: ITournament[] = Array.from({ length: 10 }, () => ({
   tournamentType: 'CUSTOM',
 }));
 
+const sampleTournamentInfo: TournamentInfo = {
+  tournametId: 1,
+  title: '샘플 토너먼트 이름',
+  contents: '샘플 토너먼트 내용',
+  startDate: '13:00',
+  status: '종료',
+  type: 'CUSTOM',
+  winnerId: '1',
+  winnerImage: 'https://avatars.githubusercontent.com/u/93255519?v=4',
+  endDate: '15:00',
+};
+
 export default function TournamentList() {
   const setModal = useSetRecoilState(modalState);
   const [tournamentInfo, setTournamentInfo] = useState<ITournamentTable>({
@@ -119,7 +132,7 @@ export default function TournamentList() {
                           onClick={() => {
                             setModal({
                               modalName: 'ADMIN-TOURNAMENT_BRAKET_EDIT',
-                              ITournament: tournament,
+                              tournamentInfo: sampleTournamentInfo,
                             });
                           }}
                         >

diff --git a/components/modal/admin/AdminEditTournamentBraket.tsx b/components/modal/admin/AdminEditTournamentBraket.tsx
@@ -0,0 +1,11 @@
+import styles from 'styles/admin/modal/AdminEditTournamentBraket.module.scss';
+
+export default function AdminEditTournamentBraket() {
+  return (
+    <>
+      <div className={styles.whole}>
+        <h2>모다림다!</h2>
+      </div>
+    </>
+  );
+}
diff --git a/components/modal/modalType/AdminModal.tsx b/components/modal/modalType/AdminModal.tsx
@@ -15,6 +15,7 @@ import AdminUserCoinModal from 'components/modal/admin/AdminUserCoinModal';
 import DeletePenaltyModal from 'components/modal/admin/DeletePenaltyModal';
 import DetailModal from 'components/modal/admin/DetailModal';
 import AdminSeasonEdit from 'components/modal/admin/SeasonEdit';
+import AdminEditTournamentBraket from '../admin/AdminEditTournamentBraket';
 
 export default function AdminModal() {
   const {
@@ -30,7 +31,7 @@ export default function AdminModal() {
     profile,
     item,
     coinPolicy,
-    ITournament,
+    tournamentInfo,
   } = useRecoilValue(modalState);
 
   const content: { [key: string]: JSX.Element | null } = {
@@ -77,8 +78,8 @@ export default function AdminModal() {
     'ADMIN-COINPOLICY_EDIT': coinPolicy ? (
       <AdminEditCoinPolicyModal {...coinPolicy} />
     ) : null,
-    'ADMIN-TOURNAMENT_BRAKET_EDIT': ITournament ? (
-      <AdminUserCoinModal intraId='JAEHYUKI' />
+    'ADMIN-TOURNAMENT_BRAKET_EDIT': tournamentInfo ? (
+      <AdminEditTournamentBraket {...tournamentInfo} />
     ) : null,
   };
 

diff --git a/styles/admin/modal/AdminEditTournamentBraket.module.scss b/styles/admin/modal/AdminEditTournamentBraket.module.scss
@@ -0,0 +1,10 @@
+@import 'styles/common.scss';
+
+.whole {
+  display: flex;
+  width: 510px;
+  height: 569px;
+  flex-direction: column;
+  background: #ffffff;
+  border-radius: 9px;
+}