Merge pull request #188 from prgrms-fe-devcourse/refactor/SignupModal

refactor: SignupModal description 분리

Author: yunjjeongjo

src/pages/SignupPage/index.jsx

@@ -20,6 +20,7 @@ const StyledText = styled(Text)`
 `;
 
 const SignupPage = () => {
+  const [description, setDescription] = useState('');
   const [showModal, setShowModal] = useState(false);
   const [showLoginModal, setShowLoginModal] = useState(false);
   const navigate = useNavigate();
@@ -47,6 +48,11 @@ const SignupPage = () => {
       setShowLoginModal(true);
     } catch (e) {
       e.message = 'SignupError';
+      if (e.code === 'ERR_BAD_REQUEST') {
+        setDescription('이미 가입된 이메일입니다.');
+      } else if (e.code === 'ERR_NETWORK') {
+        setDescription('네트워크 연결이 불안정합니다.');
+      }
       setShowModal(true);
       throw e;
     }
@@ -67,7 +73,7 @@ const SignupPage = () => {
         <Modal visible={showModal} onClose={closeModal}>
           <Modal.Content
             title="회원가입에 실패했어요!"
-            description="이메일 및 비밀번호를 다시 확인해 주세요."
+            description={description ? description : '이메일 및 비밀번호를 다시 확인해 주세요.'}
             onClose={closeModal}
           ></Modal.Content>
           <Modal.Button onClick={closeModal}>확인</Modal.Button>