Merge pull request #6 from gsainfoteam/5-handle-409-error

🚸 Add 'already registered' error handling
gsainfoteam · Mar 7, 2024 · 46fe7ad · 46fe7ad
2 parents dc5fbae + 6613ba4
commit 46fe7ad
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/locales/ko-KR/index.ts b/src/locales/ko-KR/index.ts
@@ -69,6 +69,7 @@ export const main = {
     action: "회원가입",
     back: "로그인 페이지로 돌아가기",
     error: "회원가입에 실패하였습니다.",
+    duplicate: "이미 가입된 이메일입니다.",
     success: "회원가입이 완료되었습니다.",
   },
   profile: {

diff --git a/src/pages/Register/useRegister.ts b/src/pages/Register/useRegister.ts
@@ -1,3 +1,4 @@
+import { AxiosError } from "axios";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useSearchParams } from "react-router-dom";
@@ -187,7 +188,18 @@ const useRegister = () => {
         confirmButtonText: t("register.back"),
       });
       navigate(loginPageUri || "/");
-    } catch {
+    } catch (e) {
+      if (e instanceof AxiosError) {
+        if (e.response?.status === 409) {
+          Swal.fire({
+            icon: "error",
+            title: "Oops...",
+            text: t("register.duplicate"),
+          });
+          return;
+        }
+      }
+
       Swal.fire({
         icon: "error",
         title: "Oops...",