Feat: 경기에 정상적으로 참여할 수 있도록 서버 통신 추가

TheUpperPart · Sep 11, 2023 · f300f63 · f300f63
1 parent 453a5e3
commit f300f63
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/components/Modal/JoinLeague/JoinLeague.tsx b/src/components/Modal/JoinLeague/JoinLeague.tsx
@@ -1,3 +1,4 @@
+import authAPI from '@apis/authAPI';
 import Icon from '@components/Icon';
 import { SERVER_URL } from '@config/index';
 import { css } from '@emotion/react';
@@ -46,6 +47,21 @@ const JoinLeague = ({ onClose, channelLink }: JoinLeagueProps) => {
     return true;
   };
 
+  const onClickSubmit: MouseEventHandler<HTMLElement> = async () => {
+    if (!nickname || !checked) return;
+    const res = await authAPI({
+      method: 'post',
+      url: `/api/${channelLink}/participant`,
+      data: {
+        gameId,
+        nickname,
+      },
+    });
+    if (res.status !== 200) return;
+    alert('정상적으로 리그참여 요청을 전송했어요');
+    onClose();
+  };
+
   useEffect(() => {
     if (profile) setNickname(profile.nickname);
   }, []);
@@ -124,7 +140,9 @@ const JoinLeague = ({ onClose, channelLink }: JoinLeagueProps) => {
       </CheckboxWrapper>
       <Wrapper>
         <SubmitButton onClick={onClose}>취소</SubmitButton>
-        <SubmitButton disabled={submitHandler()}>신청</SubmitButton>
+        <SubmitButton disabled={submitHandler()} onClick={onClickSubmit}>
+          신청
+        </SubmitButton>
       </Wrapper>
     </Container>
   );