Feat: 폴더 이름 길이 제한

Author: hongggyelim

components/modal/AddFolderModal.tsx

@@ -13,7 +13,12 @@ const AddFolderModal = ({ folderName }: { folderName: string }) => {
   const { closeModal } = useModalStore();
 
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setValue(e.target.value);
+    const newValue = e.target.value;
+    if (newValue.length > 5) {
+      toast.error(toastMessages.error.limitFolderNameLength);
+    } else {
+      setValue(newValue);
+    }
   };
   const handleSubmit = async () => {
     const body = {

lib/toastMessage.ts

@@ -25,6 +25,7 @@ const toastMessages = {
     SNSshare: "공유에 실패했습니다",
     inputLink: "링크를 입력해주세요",
     inputFolderName: "폴더 이름을 입력해주세요",
+    limitFolderNameLength: "6자 이하로 입력해주세요",
     selectFolder: "폴더를 선택해주세요",
     sameLink: "이미 저장된 링크 주소입니다",
     sameFolderName: "같은 이름으로는 수정할 수 없습니다",