diff --git a/src/routers/main-page/main-page.component.js b/src/routers/main-page/main-page.component.js index c17a10b..1ad6531 100644 --- a/src/routers/main-page/main-page.component.js +++ b/src/routers/main-page/main-page.component.js @@ -1,6 +1,5 @@ import Component from '../../core/component'; import Modal from '../../components/modal/modal.component'; -import ModalNotice from '../../components/modal-notice/modal-notice.component'; import Maintitle from '../../components/main-title/main-title.component'; import MainBtn from '../../components/button/button.component'; import GNB from '../../components/GNB/GNB.component'; @@ -28,47 +27,20 @@ const [sizeAttr, srcsetAttr] = getResponseiveImage(sizes, `${IMAGE_URL}/images/m const [roundSizeAttr, roundSrcsetAttr] = getResponseiveImage(roundSizes, `${IMAGE_URL}/images/round-logo.svg`); export default class MainPage extends Component { - initState() { - this.state = { - isModalShow: typeof window !== 'undefined' ? sessionStorage.getItem('notice') !== 'done' : null, - }; - } - - toggleModal() { - if (this.state.isModalShow) { - sessionStorage.setItem('notice', 'done'); - } - this.setState({ - isModalShow: !this.state.isModalShow, - }); - } - template() { const gnb = this.addChild(GNB); const maintitle = this.addChild(Maintitle); const startBtn = this.addChild(MainBtn); - const modalNoticeContainer = this.addChild(Modal); - const modalNoticeContent = this.addChild(ModalNotice); return (props) => { if (props) this.setProps(props); - const modalProps = { - isModalShow: this.state.isModalShow, - toggleModal: this.toggleModal.bind(this), - contentComponent: modalNoticeContent, - width: 1000, - padding: 55, - key: 'update', - }; - return `