Merge pull request #18 from DevKor-github/feat/#17/get-is-login

[#17] feat: 로그인 되어있는지 알려주는 훅을 만들었따

Author: halionaz

src/common/hooks/apis/useGetIsLogin.ts

@@ -2,15 +2,21 @@ import client from '@/common/utils/client';
 import { useQuery } from '@tanstack/react-query';
 
 const getIsLogin = async () => {
-  const response = await client.get('/api/test/is-login');
-  return response.data;
+  try {
+    const response = await client.get('/api/test/is-login');
+    if (response.status === 200) {
+      if (response.data.data) return true;
+    }
+    return false;
+  } catch {
+    return false;
+  }
 };
 
 const useGetIsLogin = () => {
   return useQuery({
     queryKey: ['isLogin'],
     queryFn: getIsLogin,
-    enabled: false,
   });
 };
 

src/pages/HomePage/index.tsx

@@ -9,19 +9,26 @@ import AppScreenWithSafeArea from '@/common/components/AppScreenWithSafeArea';
 import Chip from '@/common/components/Chip';
 import SelectButton from '@/common/components/SelectButton';
 import TestAPIButton from '@/common/components/TestAPIButton';
+import useGetIsLogin from '@/common/hooks/apis/useGetIsLogin';
 
 const HomePage: ActivityComponentType = () => {
   const { push } = useFlow();
+  const { data: isLogin } = useGetIsLogin();
   const [active, setActive] = useState(false);
+  
   return (
     <AppScreenWithSafeArea>
-      <h1 className={s.Title}>리피카 짱</h1>
-      <h1 className={s.Title}>음 재밋다</h1>
-      <div className={s.LoginBtn}>
-        <a href={`${import.meta.env.VITE_API_URL}/oauth2/authorization/kakao`}>카카오톡 로그인</a>
-        <a href={`${import.meta.env.VITE_API_URL}/oauth2/authorization/google`}>구글 로그인</a>
-        <i className={s.Container}>백엔드에몽 로그인 고쳐줘</i>
-        <TestAPIButton />
+      <div className={s.Wrapper}>
+        <h1 className={s.Title}>리피카 짱</h1>
+        <h1 className={s.Title}>음 재밋다</h1>
+        {isLogin ? (
+          <TestAPIButton />
+        ) : (
+          <div className={s.LoginBtn}>
+            <a href={`${import.meta.env.VITE_API_URL}/oauth2/authorization/kakao`}>카카오톡 로그인</a>
+            <a href={`${import.meta.env.VITE_API_URL}/oauth2/authorization/google`}>구글 로그인</a>
+          </div>
+        )}
         <button onClick={() => push('PostPage', {})}>이동</button>
       </div>
       <Chip color="main">축구</Chip>

src/pages/HomePage/style.css.ts

@@ -2,6 +2,8 @@ import { css } from '@styled-system/css';
 
 // 이런 식으로 CSS 파일 분리해서 쓰기
 
+export const Wrapper = css({ display: 'flex', flexDirection: 'column', gap: '1rem' });
+
 export const Title = css({
   color: 'main',
 });