diff --git a/components/admin/tournament/TournamentList.tsx b/components/admin/tournament/TournamentList.tsx index a78f1ef74..b3eeff10c 100644 --- 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({ @@ -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 index e69de29bb..e6d6709af 100644 --- 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 ( + <> +
+

모다림다!

+
+ + ); +} diff --git a/components/modal/modalType/AdminModal.tsx b/components/modal/modalType/AdminModal.tsx index 896a5e963..645f14cdb 100644 --- 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 ? ( ) : null, - 'ADMIN-TOURNAMENT_BRAKET_EDIT': ITournament ? ( - + 'ADMIN-TOURNAMENT_BRAKET_EDIT': tournamentInfo ? ( + ) : null, }; diff --git a/styles/admin/modal/AdminEditTournamentBraket.module.scss b/styles/admin/modal/AdminEditTournamentBraket.module.scss new file mode 100644 index 000000000..da816fa93 --- /dev/null +++ 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; +}