From 8de94b5b36c69a8cfb61b50b8770e19a25e175a8 Mon Sep 17 00:00:00 2001
From: seo-wo <4nyth4me@gmail.com>
Date: Wed, 20 Dec 2023 16:36:41 +0900
Subject: [PATCH] feat: change signup page

remove slackId form and check nickname
---
 src/components/Auth/AuthSignUp.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Auth/AuthSignUp.tsx b/src/components/Auth/AuthSignUp.tsx
index d11a8d5..0e98cf7 100644
--- a/src/components/Auth/AuthSignUp.tsx
+++ b/src/components/Auth/AuthSignUp.tsx
@@ -20,6 +20,12 @@ const AuthSignUp = () => {
 
   const handleSubmit = (e: any) => {
     e.preventDefault();
+    const nickname = e.target[0].value;
+    const nicknameRegex = /^[a-zA-Z0-9-]+$/;
+    if (!nicknameRegex.test(nickname)) {
+      setNicknameError(true);
+      return;
+    }
     if (!e.target[0].value) {
       setNicknameError(true);
       return;
@@ -27,17 +33,17 @@ const AuthSignUp = () => {
     apiClient
       .post('/auth/signup', {
         nickname: e.target[0].value,
-        slackId: e.target[1].value,
+        slackId: '',
         imageUrl: profileImage,
       })
       .then((res) => {
         saveToken(res.data.access_token);
         setLoginState(() => {
           return {
-            id: res.data.id,
+            id: e.target[0].value,
             isLogin: true,
             isAdmin: false,
-            profileUrl: res.data.url,
+            profileUrl: profileImage,
           };
         });
         navigate('/');
@@ -61,9 +67,7 @@ const AuthSignUp = () => {
         {openProfileModal && <ProfileModal />}
         <form className={`authForm`} onSubmit={handleSubmit}>
           <input type="text" placeholder="닉네임을 입력해주세요" maxLength={10} className={`authForm--input`} />
-          {nicknameError && <p className={`authForm--error_message`}>닉네임을 입력해주세요.</p>}
-          <br />
-          <input type="text" placeholder="slack id" maxLength={20} className={`authForm--input`} />
+          {nicknameError && <p className={`authForm--error_message`}>닉네임은 영어대소문자, 숫자 그리고 '-'만 허용합니다.</p>}
           <br />
           <button className={`authForm--button`}>Sign Up</button>
         </form>