Merge pull request #66 from DDD-Community/fix/65

[Fix/65] QA

src/app/(board)/board/[boardId]/components/CreatePolaroidModal/ArrowBack.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import ArrowBackIcon from 'public/icons/arrow_back_ios.svg'
+import CloseIcon from 'public/icons/close.svg'
 import { useState } from 'react'
 import AskBfCloseModal from '../modals/AskBfCloseModal'
 import { useModal } from './ModalContext'
@@ -10,7 +10,7 @@ const ArrowBack = () => {
   const { closeModal } = useModal()
   return (
     <>
-      <ArrowBackIcon
+      <CloseIcon
         className="cursor-pointer text-gray-0"
         onClick={() => setShowAskBfCloseModal(true)}
       />

src/components/Polaroid/PolaroidMaker.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import rotateImageIfNeeded from '@/lib/utils/image'
+import { preventKeyboardSubmit } from '@/lib/utils/keyboard'
 import imageCompression from 'browser-image-compression'
 import AddPhotoIcon from 'public/icons/add_photo_alternate.svg'
 import {
@@ -92,6 +93,7 @@ const PolaroidMaker = ({
             }
             setText(e.target.value)
           }}
+          onKeyDown={preventKeyboardSubmit}
           className="w-[204px] bg-transparent outline-none"
           maxLength={MAX_LENGTH}
           placeholder="눌러서 한줄 문구를 입력하세요"

src/components/TextInput/index.tsx

@@ -1,9 +1,9 @@
 'use client'
 
-import { ChangeEvent } from 'react'
-import { twMerge } from 'tailwind-merge'
 import ExitIcon from 'public/icons/exit.svg'
 import PinIcon from 'public/icons/pinFilled.svg'
+import { ChangeEvent } from 'react'
+import { twMerge } from 'tailwind-merge'
 
 interface TextInputProps {
   value: string

src/lib/utils/keyboard.ts

@@ -0,0 +1,7 @@
+import { KeyboardEvent } from 'react'
+
+export const preventKeyboardSubmit = (e: KeyboardEvent<HTMLInputElement>) => {
+  if (e.key === 'Enter') {
+    e.preventDefault()
+  }
+}