style: change code style

Refs: #649 (comment)
woowacourse · Oct 10, 2022 · 0f3fee4 · 0f3fee4
1 parent e9019cc
commit 0f3fee4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/frontend/src/components/@common/ModalPortal/ModalPortal.tsx b/frontend/src/components/@common/ModalPortal/ModalPortal.tsx
@@ -12,6 +12,12 @@ const ModalPortal = ({ children, closeModal }: ModalPortalProps) => {
   const ref = useRef<Element | null>(null);
   const [mounted, setMounted] = useState(false);
 
+  const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (e) => {
+    if (e.key === "Escape") {
+      closeModal();
+    }
+  };
+
   useEffect(() => {
     setMounted(true);
 
@@ -28,14 +34,8 @@ const ModalPortal = ({ children, closeModal }: ModalPortalProps) => {
 
   if (ref.current && mounted) {
     return createPortal(
-      <div
-        className={styles.box}
-        onKeyDown={(e) => {
-          if (e.key === "Escape") closeModal();
-        }}
-      >
+      <div className={styles.box} onKeyDown={handleKeyDown}>
         <div className={styles["dimmer-box"]} onClick={closeModal} />
-
         {children}
       </div>,
       ref.current

diff --git a/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.tsx b/frontend/src/components/ApplicationPreviewModal/ApplicationPreviewModal.tsx
@@ -1,4 +1,4 @@
-import { ChangeEvent, useState } from "react";
+import { useState } from "react";
 import useModalContext from "../../hooks/useModalContext";
 import Button, { BUTTON_VARIANT } from "../@common/Button/Button";
 import styles from "./ApplicationPreviewModal.module.css";