Select Git revision
myChannelModal.js 1.18 KiB
import React, {useState, useEffect} from 'react';
import { useNavigate } from 'react-router-dom';
import modalStyles from "./myChannelModal.module.css";
import CreateChannel from './createChannel'
const MyChannelModal=({isOpen, onClose})=>{
const [IsCreateModal, setCreateModal]=useState(false);
const openCreateModal=()=>{
setCreateModal(true);
}
const closeCreateModal=()=>{
setCreateModal(false);
}
const handleClick=()=>{
openCreateModal();
onClose();
}
return(
<div>
<div className={`${modalStyles.channelModal} ${isOpen ? modalStyles.open : ''}`}>
<div className={modalStyles.channelModal_overlay}>
<div className={modalStyles.chModal}>
<p>채널이 존재하지 않습니다.</p>
<p className={modalStyles.makechannel}> 내 채널을 만드시겠습니까?</p>
<button className={modalStyles.yes} onClick={handleClick}>좋아요</button>
<button className={modalStyles.no} onClick={onClose}>싫어요</button>
</div>
</div>
</div>
<CreateChannel isOpen={IsCreateModal} onClose={closeCreateModal}></CreateChannel>
</div>
)
}
export default MyChannelModal;