Skip to content
Snippets Groups Projects
Select Git revision
  • 70123e5977bc0c19ff3fce0187aa3a14d75c3327
  • main default protected
  • gaeon
3 results

myChannelModal.js

Blame
  • 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;