[Merge] #46 - 누구테스트 소유자 뷰 생성 유무 확인

src/apis/nuguTest.js

@@ -0,0 +1,15 @@
+import { instance } from "./instance";
+
+export const getNuguTestStatus = async () => {
+  try {
+    const response = await instance.get("/tests/status");
+    console.log(response);
+    if (response.data.hasTest) {
+      // TODO 수행한 인원 및 기타 작업
+      return true;
+    }
+    return false;
+  } catch (err) {
+    throw err;
+  }
+};

src/components/common/navigateBar/NavigateBar.jsx

@@ -1,18 +1,20 @@
 import * as S from "./styled";
 import { useNavigate, useLocation } from "react-router-dom";
 import { NAVIGATE_TITLE } from "@constants/navigatebar";
+import Cookies from "js-cookie";
+
 export const NavigateBar = () => {
   const navigate = useNavigate();
   const location = useLocation();
-  const isTokenAvailable = true;
+  const isTokenAvailable = Cookies.get("access_token") ? true : false;
   const handleMovePage = (value) => {
     let path;
     switch (value) {
       case 1:
-        path = isTokenAvailable ? "/login" : "/login";
+        path = `/nugu/${Cookies.get("uuid")}`;
         break;
       case 2:
-        path = "/intro";
+        path = `/intro/${Cookies.get("uuid")}`;
         break;
       case 3:
         path = isTokenAvailable ? "/test" : "/challenge";
@@ -24,7 +26,6 @@ export const NavigateBar = () => {
     navigate(path);
   };
   const isActive = (path) => location.pathname === path;
-  console.log(isActive);
   return (
     <S.Container>
       {NAVIGATE_TITLE.map((item) => (
@@ -33,13 +34,9 @@ export const NavigateBar = () => {
           className={
             isActive(
               item.value === 1
-                ? isTokenAvailable
-                  ? "/dashboard"
-                  : "/login"
+                ? `/nugu/${Cookies.get("uuid")}`
                 : item.value === 2
-                ? isTokenAvailable
-                  ? "/intro"
-                  : "/intro"
+                ? `/intro/${Cookies.get("uuid")}`
                 : isTokenAvailable
                 ? "/test"
                 : "/challenge"

src/pages/nugu/_hooks/useNuguInfo.js

@@ -15,7 +15,10 @@ export const useNuguInfo = (uuid) => {
   const [isAdmin, setIsAdmin] = useState(false);
 
   useEffect(() => {
-    if (!uuid) return;
+    if (!Cookies.get("uuid")) {
+      Cookies.set("uuid", uuid);
+    }
+
     if (Cookies.get("access_token")) {
       setIsAdmin(true);
     }
@@ -33,7 +36,9 @@ export const useNuguInfo = (uuid) => {
           keyword2,
           keyword3,
         } = response;
-
+        if (!Cookies.get("nickname")) {
+          Cookies.set("nickname", nickname);
+        }
         setData({
           nickname,
           mbti,

src/pages/nuguTest/NuguTest.jsx

@@ -10,6 +10,10 @@ import { Button } from "@components/common/button/Button";
 import { NuguTestTrue } from "@components/nuguTest/NuguTestTrue";
 import { isMakeTestOwner } from "@atoms/nuguTestState";
 import { useRecoilState } from "recoil";
+
+import { getNuguTestStatus } from "@apis/nuguTest";
+import Cookies from "js-cookie";
+
 //토큰 여부로 워딩 다르게 표현
 export const NuguTestPage = () => {
   const [isMakeTest, setIsMakeTest] = useRecoilState(isMakeTestOwner);
@@ -18,7 +22,7 @@ export const NuguTestPage = () => {
   useEffect(() => {
     const fetchTestStatus = async () => {
       try {
-        const hasTest = false;
+        const hasTest = await getNuguTestStatus();
         //누구 테스트 사용자-get
         setIsMakeTest(hasTest);
       } catch (error) {
@@ -62,11 +66,11 @@ export const NuguTestPage = () => {
           array.length === 0 ? (
             <NuguTestNone isTestOwner={true} />
           ) : (
-            <NuguTestTrue username={"하채민"} ranking={array} />
+            <NuguTestTrue username={Cookies.get("nickname")} ranking={array} />
           )
         ) : (
           <>
-            <NuguTestHome username={"하채민"} isOwner={true} />
+            <NuguTestHome username={Cookies.get("nickname")} isOwner={true} />
             <Button disabled={false} onClick={() => moveOnTest()}>
               누구테스트 만들러 가기
             </Button>

src/router.jsx

@@ -57,12 +57,12 @@ const router = createBrowserRouter([
       },
       {
         //접속자뷰 누구테스트홈
-        path: "/challenge",
+        path: "/challenge/:uuid",
         element: <NuguChallenge />,
       },
       {
         //
-        path: "/challenge/test",
+        path: "/challenge/test/:uuid",
         element: <ChallengerTest />,
       },
       {