fix: 디스코드 합류 체크 관련 API 호출 개선 및 문구 변경

GDSC-Hongik · Jul 31, 2024 · 1009476 · 1009476
1 parent fa091b5
commit 1009476
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git a/src/components/discordConnect/DiscordName.tsx b/src/components/discordConnect/DiscordName.tsx
@@ -25,7 +25,7 @@ export const DiscordName = ({ onNext }: { onNext: () => void }) => {
         setError('discordUsername', {
           type: 'manual',
           message:
-            '이미 가입된 사용자명이에요. 이전에 가입한 적이 있으신 경우, 채널톡으로 문의해주세요.'
+            '이미 가입된 사용자명이에요. 이전에 가입한 적이 있으신 경우, 카카오톡 채널로 문의해주세요.'
         });
       } else {
         onNext();

diff --git a/src/components/discordConnect/DiscordNickName.tsx b/src/components/discordConnect/DiscordNickName.tsx
@@ -74,7 +74,7 @@ const TextSection = memo(() => (
     <Image src={DiscordImage} alt="discord-nickname" width={325} height={157} />
     <Text typo="body1">
       가입이 완료되면 가입 신청서에 제출하신 별명으로 자동으로 수정될 거예요.
-      추후 별명을 수정하고 싶다면 채널톡으로 코어멤버에게 연락 주세요.
+      추후 별명을 수정하고 싶다면 카카오톡 채널로 코어멤버에게 연락 주세요.
     </Text>
   </>
 ));

diff --git a/src/components/discordConnect/JoinServer.tsx b/src/components/discordConnect/JoinServer.tsx
@@ -6,6 +6,7 @@ import { css } from '@emotion/react';
 import { useFormContext } from 'react-hook-form';
 import useGetDiscordJoined from '@/hooks/query/useGetDiscordJoined';
 import { DiscordFormValues } from '@/types/discord';
+import RoutePath from '@/routes/routePath';
 
 export const JoinServer = ({ onNext }: { onNext: () => void }) => {
   const { getValues } = useFormContext<DiscordFormValues>();
@@ -28,6 +29,7 @@ export const JoinServer = ({ onNext }: { onNext: () => void }) => {
         <TextButton
           text=" GDSC Hongik 공식 디스코드 서버↗︎"
           style={{ color: color.discord }}
+          onClick={() => window.open(RoutePath.GDSCHongikDiscord, '_blank')}
         />
 
         <Button
@@ -46,7 +48,7 @@ export const JoinServer = ({ onNext }: { onNext: () => void }) => {
             text-align: center;
           `}>
           합류가 확인되지 않을 경우 <br />
-          채널톡을 통해 코어멤버에게 문의해주세요!
+          카카오톡 채널을 통해 코어멤버에게 문의해주세요!
         </Text>
       </Flex>
     </>

diff --git a/src/hooks/query/useGetDiscordJoined.ts b/src/hooks/query/useGetDiscordJoined.ts
@@ -5,7 +5,8 @@ import { useQuery } from '@tanstack/react-query';
 export default function useGetDiscordJoined(username: string) {
   const query = useQuery({
     queryKey: [QueryKeys.DiscordJoined],
-    queryFn: () => discordApi.GET_DISCORD_JOIN(username)
+    queryFn: () => discordApi.GET_DISCORD_JOIN(username),
+    refetchOnWindowFocus: true
   });
 
   return query;

diff --git a/src/routes/routePath.ts b/src/routes/routePath.ts
@@ -24,6 +24,7 @@ const RoutePath = {
   AuthServerRedirect: '/social-login/redirect',
   StudentVerificationServerRedirect: '/onboarding/verify-email',
   GDSCHongikLink: 'https://www.gdschongik.com',
+  GDSCHongikDiscord: 'https://discord.gg/dSV6vSEuGU',
   GitHubGuideLink: 'https://www.gdschongik.com/guide/github',
   StudentEmailLinkGuideLink: 'https://www.gdschongik.com/guide/student-email',
   CommunityGuideLink: