From 79aceda2e4d8622e434dc31cc80d87c95c4bb4e2 Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 12:30:35 +0900 Subject: [PATCH 1/9] =?UTF-8?q?feat:=20=ED=83=80=EC=9D=B4=EB=A8=B8=20?= =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EC=B0=BD=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Header/Header.tsx | 16 ++++++++++++++-- src/components/Timer/TimerModal.tsx | 23 +++++++++++++++++++++++ 2 files changed, 37 insertions(+), 2 deletions(-) create mode 100644 src/components/Timer/TimerModal.tsx diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index b18c0a2..74d8650 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -1,9 +1,20 @@ -import React from "react"; +import React, {useState} from "react"; import {Link} from "react-router-dom"; import Clock from "../../utils/clock"; import "../../styles/Header.css"; +import {Modal} from "../Timer/TimerModal"; function Header() { + const [isModalOpen, setIsModalOpen] = useState(false); + + const openModal = () => { + setIsModalOpen(true); + }; + + const closeModal = () => { + setIsModalOpen(false); + }; + return (
@@ -27,7 +38,7 @@ function Header() {
  • -
    • @@ -40,6 +51,7 @@ function Header() {
    +
    ); } diff --git a/src/components/Timer/TimerModal.tsx b/src/components/Timer/TimerModal.tsx new file mode 100644 index 0000000..4426885 --- /dev/null +++ b/src/components/Timer/TimerModal.tsx @@ -0,0 +1,23 @@ +import React from "react"; + +interface ModalProps { + isOpen: boolean; + onClose: () => void; +} + +export function Modal({isOpen, onClose}: ModalProps) { + if (!isOpen) return null; + + return ( +
    +
    + +

    모달 창 내용

    +
    +
    + ); +} + +export default Modal; From 1bb93db0c240a093952e0957ac962fbc6df79a9b Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 12:40:27 +0900 Subject: [PATCH 2/9] =?UTF-8?q?design:=20=ED=83=80=EC=9D=B4=EB=A8=B8=20?= =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EC=B0=BD=20CSS=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Timer/TimerModal.tsx | 1 + src/styles/TimerModal.css | 66 +++++++++++++++++++++++++++++ 2 files changed, 67 insertions(+) create mode 100644 src/styles/TimerModal.css diff --git a/src/components/Timer/TimerModal.tsx b/src/components/Timer/TimerModal.tsx index 4426885..eeb6c6b 100644 --- a/src/components/Timer/TimerModal.tsx +++ b/src/components/Timer/TimerModal.tsx @@ -1,4 +1,5 @@ import React from "react"; +import "../../styles/TimerModal.css"; interface ModalProps { isOpen: boolean; diff --git a/src/styles/TimerModal.css b/src/styles/TimerModal.css new file mode 100644 index 0000000..160e351 --- /dev/null +++ b/src/styles/TimerModal.css @@ -0,0 +1,66 @@ +.ModalBackdrop { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 1000; + display: flex; + justify-content: center; + align-items: flex-start; + padding-top: 8%; +} + +.ModalContent { + position: relative; + width: 400px; + height: 300px; + padding: 20px; + background-color: white; + z-index: 1001; + border-radius: 8px; +} + +.CloseButton { + overflow: hidden; + position: absolute; + top: 10px; + right: 10px; + border: none; + padding: 0; + width: 2em; + height: 2em; + border-radius: 50%; + background: transparent; + color: rgba(255, 55, 115, 0.8); + font: inherit; + text-indent: 100%; + cursor: pointer; + + &:focus { + outline: solid 0 transparent; + box-shadow: 0 0 0 2px rgba(255, 55, 115, 0.8); + } + + &:hover { + background: rgba(231, 122, 222, 0.1); + } + + &:before, + &:after { + position: absolute; + top: 15%; + left: calc(50% - 0.0625em); + width: 0.125em; + height: 70%; + border-radius: 0.125em; + transform: rotate(45deg); + background: currentcolor; + content: ""; + } + + &:after { + transform: rotate(-45deg); + } +} From 7d2c5f76c93ecc0e612cbcadfe6ff4ea830de9a9 Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 13:20:07 +0900 Subject: [PATCH 3/9] =?UTF-8?q?style:=20=ED=83=80=EC=9D=B4=EB=A8=B8=20?= =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EC=B0=BD=20CSS=20=EC=BD=94=EB=93=9C=20?= =?UTF-8?q?=EA=B7=9C=EC=B9=99=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/TimerModal.css | 33 ++++++++++++++++++++++++--------- 1 file changed, 24 insertions(+), 9 deletions(-) diff --git a/src/styles/TimerModal.css b/src/styles/TimerModal.css index 160e351..b0f5025 100644 --- a/src/styles/TimerModal.css +++ b/src/styles/TimerModal.css @@ -1,41 +1,54 @@ .ModalBackdrop { + display: flex; + position: fixed; top: 0; left: 0; + z-index: 1000; + width: 100%; height: 100%; + + padding-top: 8%; + background-color: rgba(0, 0, 0, 0.5); - z-index: 1000; - display: flex; + justify-content: center; align-items: flex-start; - padding-top: 8%; } .ModalContent { position: relative; + z-index: 1001; + width: 400px; height: 300px; + padding: 20px; + background-color: white; - z-index: 1001; border-radius: 8px; } .CloseButton { - overflow: hidden; position: absolute; top: 10px; right: 10px; - border: none; - padding: 0; + overflow: hidden; + width: 2em; height: 2em; - border-radius: 50%; + + padding: 0; + + border: none; background: transparent; + border-radius: 50%; + color: rgba(255, 55, 115, 0.8); font: inherit; text-indent: 100%; + cursor: pointer; &:focus { @@ -52,12 +65,14 @@ position: absolute; top: 15%; left: calc(50% - 0.0625em); + width: 0.125em; height: 70%; + border-radius: 0.125em; - transform: rotate(45deg); background: currentcolor; content: ""; + transform: rotate(45deg); } &:after { From cd872aedcdeb46115bdf84214c1ccffe1fbf644d Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 17:36:46 +0900 Subject: [PATCH 4/9] =?UTF-8?q?feat:=20Modal.tsx=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Modal/Modal.tsx | 0 src/components/Timer/TimerModal.tsx | 6 +++ src/styles/TimerModal.css | 57 ++++++++++++++++++++++++++++- 3 files changed, 62 insertions(+), 1 deletion(-) create mode 100644 src/components/Modal/Modal.tsx diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Timer/TimerModal.tsx b/src/components/Timer/TimerModal.tsx index eeb6c6b..845cca0 100644 --- a/src/components/Timer/TimerModal.tsx +++ b/src/components/Timer/TimerModal.tsx @@ -16,6 +16,12 @@ export function Modal({isOpen, onClose}: ModalProps) { Close

    모달 창 내용

    + + ); diff --git a/src/styles/TimerModal.css b/src/styles/TimerModal.css index b0f5025..5bed8bc 100644 --- a/src/styles/TimerModal.css +++ b/src/styles/TimerModal.css @@ -21,7 +21,7 @@ position: relative; z-index: 1001; - width: 400px; + width: 500px; height: 300px; padding: 20px; @@ -79,3 +79,58 @@ transform: rotate(-45deg); } } + +.CancelButton { + position: absolute; /* 이 속성을 추가합니다 */ + right: 120px; /* 우측 간격을 설정합니다 */ + bottom: 10px; + width: 40px; + min-width: 100px; + height: 36px; + padding: 8px; + border-radius: 5px; + border: 2.5px solid #e0e1e4; + box-shadow: 0px 0px 20px -20px; + cursor: pointer; + background-color: white; + transition: all 0.2s ease-in-out 0ms; + user-select: none; +} + +.CancelButton:hover { + background-color: #f2f2f2; + box-shadow: 0px 0px 20px -18px; +} + +.CancelButton:active { + transform: scale(0.95); +} + +.OKButton { + position: absolute; /* 이 속성을 추가합니다 */ + right: 10px; /* 우측 간격을 설정합니다 */ + bottom: 10px; + width: 40px; + min-width: 100px; + height: 36px; + padding: 8px; + border-radius: 5px; + border: 2.5px solid rgba(255, 55, 115, 0.8); + box-shadow: 0px 0px 20px -20px; + cursor: pointer; + background-color: rgba(255, 55, 115, 0.8); + transition: all 0.2s ease-in-out 0ms; + user-select: none; + color: #f2f2f2; + font-weight: bold; +} + +.OKButton:hover { + background-color: #d83f93; + box-shadow: 0px 0px 20px -18px; + border: 2.5px solid #d83f93; +} + +.OKButton:active { + transform: scale(0.95); +} From 16372dd4d8b092d5db5229235aa5c98cd6c9a272 Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 17:49:14 +0900 Subject: [PATCH 5/9] =?UTF-8?q?feat:=20useModal.tsx=20=EC=BB=A4=EC=8A=A4?= =?UTF-8?q?=ED=85=80=20=ED=9B=85=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Modal/Modal.tsx | 36 ++++++++++++++++++++++++++++++++++ src/hooks/useModal.tsx | 14 +++++++++++++ 2 files changed, 50 insertions(+) create mode 100644 src/hooks/useModal.tsx diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx index e69de29..90ae9b2 100644 --- a/src/components/Modal/Modal.tsx +++ b/src/components/Modal/Modal.tsx @@ -0,0 +1,36 @@ +import React from "react"; +import "../../styles/Modal.css"; + +interface ModalType { + children: React.ReactNode; + isOpen: boolean; + onClose: () => void; +} + +export default function Modal({isOpen, onClose, children}: ModalType) { + const handleKeyDown = (event: React.KeyboardEvent) => { + if (event.key === "Enter" || event.key === " ") { + onClose(); + } + }; + + return isOpen ? ( +
    +
    e.stopPropagation()} + className="ModalContent" + role="presentation" + > + {children} +
    +
    + ) : null; +} + +export {}; diff --git a/src/hooks/useModal.tsx b/src/hooks/useModal.tsx new file mode 100644 index 0000000..047565a --- /dev/null +++ b/src/hooks/useModal.tsx @@ -0,0 +1,14 @@ +import {useState} from "react"; + +export default function useModal() { + const [isOpen, setIsOpen] = useState(false); + + const toggle = () => { + setIsOpen(!isOpen); + }; + + return { + isOpen, + toggle, + }; +} From 6f6c94dae1d314dc59700a2a73267843ce4f11f7 Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 18:01:00 +0900 Subject: [PATCH 6/9] =?UTF-8?q?refact:=20Header.tsx,=20TiemrModal.tsx=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Header/Header.tsx | 22 +++++++++------------- src/components/Modal/Modal.tsx | 2 +- src/components/Timer/TimerModal.tsx | 10 ++-------- 3 files changed, 12 insertions(+), 22 deletions(-) diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 74d8650..15e1736 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -1,19 +1,13 @@ -import React, {useState} from "react"; +import React from "react"; import {Link} from "react-router-dom"; import Clock from "../../utils/clock"; import "../../styles/Header.css"; -import {Modal} from "../Timer/TimerModal"; +import Modal from "../Modal/Modal"; +import TimerModal from "../Timer/TimerModal"; +import useModal from "../../hooks/useModal"; function Header() { - const [isModalOpen, setIsModalOpen] = useState(false); - - const openModal = () => { - setIsModalOpen(true); - }; - - const closeModal = () => { - setIsModalOpen(false); - }; + const {isOpen, toggle} = useModal(); return (
    @@ -38,7 +32,7 @@ function Header() {
  • -
    • @@ -51,7 +45,9 @@ function Header() { - + + +
    ); } diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx index 90ae9b2..45a723a 100644 --- a/src/components/Modal/Modal.tsx +++ b/src/components/Modal/Modal.tsx @@ -1,5 +1,5 @@ import React from "react"; -import "../../styles/Modal.css"; +import "../../styles/TimerModal.css"; interface ModalType { children: React.ReactNode; diff --git a/src/components/Timer/TimerModal.tsx b/src/components/Timer/TimerModal.tsx index 845cca0..3fd3a6a 100644 --- a/src/components/Timer/TimerModal.tsx +++ b/src/components/Timer/TimerModal.tsx @@ -1,14 +1,10 @@ import React from "react"; -import "../../styles/TimerModal.css"; -interface ModalProps { - isOpen: boolean; +interface TimerModalProps { onClose: () => void; } -export function Modal({isOpen, onClose}: ModalProps) { - if (!isOpen) return null; - +export default function TimerModal({onClose}: TimerModalProps) { return (
    @@ -26,5 +22,3 @@ export function Modal({isOpen, onClose}: ModalProps) {
    ); } - -export default Modal; From 90a19ba8e98b0c4e836c432171efe852f7885835 Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 19:17:54 +0900 Subject: [PATCH 7/9] =?UTF-8?q?feat:=20=EC=9E=AC=EC=82=AC=EC=9A=A9=20?= =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20CSS=EB=A5=BC=20=EC=9C=84=ED=95=9C=20Modal.?= =?UTF-8?q?css=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Modal/Modal.tsx | 2 +- src/components/Timer/TimerModal.tsx | 4 +- src/styles/Modal.css | 150 ++++++++++++++++++++++++++++ src/styles/TimerModal.css | 126 +---------------------- 4 files changed, 155 insertions(+), 127 deletions(-) create mode 100644 src/styles/Modal.css diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx index 45a723a..90ae9b2 100644 --- a/src/components/Modal/Modal.tsx +++ b/src/components/Modal/Modal.tsx @@ -1,5 +1,5 @@ import React from "react"; -import "../../styles/TimerModal.css"; +import "../../styles/Modal.css"; interface ModalType { children: React.ReactNode; diff --git a/src/components/Timer/TimerModal.tsx b/src/components/Timer/TimerModal.tsx index 3fd3a6a..8dba971 100644 --- a/src/components/Timer/TimerModal.tsx +++ b/src/components/Timer/TimerModal.tsx @@ -1,4 +1,6 @@ import React from "react"; +import "../../styles/Modal.css"; +import "../../styles/TimerModal.css"; interface TimerModalProps { onClose: () => void; @@ -7,7 +9,7 @@ interface TimerModalProps { export default function TimerModal({onClose}: TimerModalProps) { return (
    -
    +
    diff --git a/src/styles/Modal.css b/src/styles/Modal.css new file mode 100644 index 0000000..eddcc46 --- /dev/null +++ b/src/styles/Modal.css @@ -0,0 +1,150 @@ +.ModalBackdrop { + display: flex; + + position: fixed; + top: 0; + left: 0; + z-index: 1000; + + width: 100%; + height: 100%; + + padding-top: 8%; + + background-color: rgba(0, 0, 0, 0.5); + + justify-content: center; + align-items: flex-start; +} + +.ModalContent { + position: relative; + z-index: 1001; + + width: 500px; + height: 300px; + + padding: 20px; + + background-color: white; + border-radius: 8px; +} + +.CloseButton { + position: absolute; + top: 10px; + right: 10px; + overflow: hidden; + + width: 2em; + height: 2em; + + padding: 0; + + border: none; + background: transparent; + border-radius: 50%; + + color: rgba(255, 55, 115, 0.8); + font: inherit; + text-indent: 100%; + + cursor: pointer; + + &:focus { + outline: solid 0 transparent; + box-shadow: 0 0 0 2px rgba(255, 55, 115, 0.8); + } + + &:hover { + background: rgba(231, 122, 222, 0.1); + } + + &:before, + &:after { + position: absolute; + top: 15%; + left: calc(50% - 0.0625em); + + width: 0.125em; + height: 70%; + + border-radius: 0.125em; + background: currentcolor; + content: ""; + transform: rotate(45deg); + } + + &:after { + transform: rotate(-45deg); + } +} + +.CancelButton { + position: absolute; + right: 120px; + bottom: 10px; + + width: 40px; + min-width: 100px; + height: 36px; + + padding: 8px; + + border: 2.5px solid #e0e1e4; + background-color: white; + border-radius: 5px; + box-shadow: 0px 0px 20px -20px; + + color: #7a7575; + font-weight: bold; + + cursor: pointer; + + transition: all 0.2s ease-in-out 0ms; + user-select: none; +} + +.CancelButton:hover { + background-color: #f2f2f2; + box-shadow: 0px 0px 20px -18px; +} + +.CancelButton:active { + transform: scale(0.95); +} + +.OKButton { + position: absolute; + right: 10px; + bottom: 10px; + + width: 40px; + min-width: 100px; + height: 36px; + + padding: 8px; + + border: 2.5px solid rgba(247, 123, 160, 0.8); + background-color: rgba(255, 55, 115, 0.8); + border-radius: 5px; + box-shadow: 0px 0px 20px -20px; + + color: #f2f2f2; + font-weight: bold; + + cursor: pointer; + + transition: all 0.2s ease-in-out 0ms; + user-select: none; +} + +.OKButton:hover { + background-color: #d83f93; + box-shadow: 0px 0px 20px -18px; + border: 2.5px solid #d83f93; +} + +.OKButton:active { + transform: scale(0.95); +} diff --git a/src/styles/TimerModal.css b/src/styles/TimerModal.css index 5bed8bc..f87382b 100644 --- a/src/styles/TimerModal.css +++ b/src/styles/TimerModal.css @@ -1,23 +1,4 @@ -.ModalBackdrop { - display: flex; - - position: fixed; - top: 0; - left: 0; - z-index: 1000; - - width: 100%; - height: 100%; - - padding-top: 8%; - - background-color: rgba(0, 0, 0, 0.5); - - justify-content: center; - align-items: flex-start; -} - -.ModalContent { +.TimerModalContent { position: relative; z-index: 1001; @@ -29,108 +10,3 @@ background-color: white; border-radius: 8px; } - -.CloseButton { - position: absolute; - top: 10px; - right: 10px; - overflow: hidden; - - width: 2em; - height: 2em; - - padding: 0; - - border: none; - background: transparent; - border-radius: 50%; - - color: rgba(255, 55, 115, 0.8); - font: inherit; - text-indent: 100%; - - cursor: pointer; - - &:focus { - outline: solid 0 transparent; - box-shadow: 0 0 0 2px rgba(255, 55, 115, 0.8); - } - - &:hover { - background: rgba(231, 122, 222, 0.1); - } - - &:before, - &:after { - position: absolute; - top: 15%; - left: calc(50% - 0.0625em); - - width: 0.125em; - height: 70%; - - border-radius: 0.125em; - background: currentcolor; - content: ""; - transform: rotate(45deg); - } - - &:after { - transform: rotate(-45deg); - } -} - -.CancelButton { - position: absolute; /* 이 속성을 추가합니다 */ - right: 120px; /* 우측 간격을 설정합니다 */ - bottom: 10px; - width: 40px; - min-width: 100px; - height: 36px; - padding: 8px; - border-radius: 5px; - border: 2.5px solid #e0e1e4; - box-shadow: 0px 0px 20px -20px; - cursor: pointer; - background-color: white; - transition: all 0.2s ease-in-out 0ms; - user-select: none; -} - -.CancelButton:hover { - background-color: #f2f2f2; - box-shadow: 0px 0px 20px -18px; -} - -.CancelButton:active { - transform: scale(0.95); -} - -.OKButton { - position: absolute; /* 이 속성을 추가합니다 */ - right: 10px; /* 우측 간격을 설정합니다 */ - bottom: 10px; - width: 40px; - min-width: 100px; - height: 36px; - padding: 8px; - border-radius: 5px; - border: 2.5px solid rgba(255, 55, 115, 0.8); - box-shadow: 0px 0px 20px -20px; - cursor: pointer; - background-color: rgba(255, 55, 115, 0.8); - transition: all 0.2s ease-in-out 0ms; - user-select: none; - color: #f2f2f2; - font-weight: bold; -} - -.OKButton:hover { - background-color: #d83f93; - box-shadow: 0px 0px 20px -18px; - border: 2.5px solid #d83f93; -} - -.OKButton:active { - transform: scale(0.95); -} From 1a4869c2cd73392bfa3840f3045e17b0e22c1b45 Mon Sep 17 00:00:00 2001 From: suyeonnnnnnn Date: Thu, 14 Sep 2023 21:14:16 +0900 Subject: [PATCH 8/9] =?UTF-8?q?refact:=20ModalType=20=EC=9D=B8=ED=84=B0?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=8A=A4=EB=A5=BC=20modal.ts=EB=A1=9C=20?= =?UTF-8?q?=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Modal/Modal.tsx | 7 +------ src/types/Modal.ts | 7 +++++++ 2 files changed, 8 insertions(+), 6 deletions(-) create mode 100644 src/types/Modal.ts diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx index 90ae9b2..e93c7df 100644 --- a/src/components/Modal/Modal.tsx +++ b/src/components/Modal/Modal.tsx @@ -1,11 +1,6 @@ import React from "react"; import "../../styles/Modal.css"; - -interface ModalType { - children: React.ReactNode; - isOpen: boolean; - onClose: () => void; -} +import {ModalType} from "../../types/Modal"; export default function Modal({isOpen, onClose, children}: ModalType) { const handleKeyDown = (event: React.KeyboardEvent) => { diff --git a/src/types/Modal.ts b/src/types/Modal.ts new file mode 100644 index 0000000..4bf8843 --- /dev/null +++ b/src/types/Modal.ts @@ -0,0 +1,7 @@ +export interface ModalType { + children: React.ReactNode; + isOpen: boolean; + onClose: () => void; +} + +export {}; From 450b0013aad1666634b48275197a34fbcdd26b4c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=ED=9B=88?= <101972330+JitHoon@users.noreply.github.com> Date: Thu, 14 Sep 2023 21:25:40 +0900 Subject: [PATCH 9/9] =?UTF-8?q?refact:=20=EC=82=AC=EC=9A=A9=ED=95=98?= =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20export=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/types/Modal.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/types/Modal.ts b/src/types/Modal.ts index 4bf8843..75186a3 100644 --- a/src/types/Modal.ts +++ b/src/types/Modal.ts @@ -3,5 +3,3 @@ export interface ModalType { isOpen: boolean; onClose: () => void; } - -export {};