From 73960841b34bf1871b5c9f9d2c84a144260e34af Mon Sep 17 00:00:00 2001 From: cje <chej098t@gmail.com> Date: Wed, 3 Apr 2024 00:15:39 +0900 Subject: [PATCH] =?UTF-8?q?refactor(WriteInput):=20maxLength=20=EC=83=81?= =?UTF-8?q?=EC=88=98=EB=AA=85=20=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20=EA=B8=B0?= =?UTF-8?q?=EB=B3=B8=20placeholder=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Input/WriteInput/index.tsx | 6 +++--- src/constants/config.ts | 4 ++-- .../components/EditInput.tsx" | 4 ++-- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/Input/WriteInput/index.tsx b/src/components/Input/WriteInput/index.tsx index 3db1b962..926add23 100644 --- a/src/components/Input/WriteInput/index.tsx +++ b/src/components/Input/WriteInput/index.tsx @@ -3,7 +3,7 @@ import { useMemo, useRef } from 'react'; import Button from '@components/Button'; import Icon from '@components/Icon'; -import { MAIN_INPUT_MAX_LENGTH } from '@constants/config'; +import { WRITE_INPUT_MAX_LENGTH } from '@constants/config'; import type { UseInputReturn } from '@hooks/useInput'; import { COLORS } from '@styles/tokens'; @@ -18,8 +18,8 @@ interface WriteInputProps extends HTMLAttributes<HTMLTextAreaElement> { const WriteInput = ({ inputProps, - placeholder, - maxLength = MAIN_INPUT_MAX_LENGTH, + placeholder = '메모를 끄적여보세요', + maxLength = WRITE_INPUT_MAX_LENGTH, onSubmit, }: WriteInputProps) => { const { id, value, onChange } = inputProps; diff --git a/src/constants/config.ts b/src/constants/config.ts index d55f7a10..cd2e321b 100644 --- a/src/constants/config.ts +++ b/src/constants/config.ts @@ -1,7 +1,7 @@ /** - * "끄적이는" 최대 입력 글자 수 + * "끄적이는" 입력창 최대 입력 글자 수 */ -export const MAIN_INPUT_MAX_LENGTH = 500; +export const WRITE_INPUT_MAX_LENGTH = 500; /** * 카테고리별 색상 diff --git "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/EditInput.tsx" "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/EditInput.tsx" index 07d8f9d3..0a8eb290 100644 --- "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/EditInput.tsx" +++ "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/EditInput.tsx" @@ -1,6 +1,6 @@ import { useEffect, useRef } from 'react'; -import { MAIN_INPUT_MAX_LENGTH } from '@constants/config'; +import { WRITE_INPUT_MAX_LENGTH } from '@constants/config'; import { type UseInputReturn } from '@hooks/useInput'; import * as styles from './editInput.css'; @@ -33,7 +33,7 @@ const EditInput = ({ inputProps }: EditInputProps) => { ref={inputRef} className={styles.editInput} autoComplete="off" - maxLength={MAIN_INPUT_MAX_LENGTH} + maxLength={WRITE_INPUT_MAX_LENGTH} onInput={handleResize} /> <p className={styles.editInputTextCount}>