feat/#49/myprojects에서 작성자 이름 설정 완료

src/components/Mypage/MyProjects/MyProjects.tsx

@@ -3,10 +3,12 @@ import { useSearchProject } from "@/stores/searchProjectStore";
 import { useQuery } from "@apollo/client";
 import { useEffect, useRef, useState } from "react";
 import MypageProjectCard from "@/components/ProjectCard/Mypage/MypageProjectCard";
+import { useAuthStore } from "@/stores/authStore";
 
 export default function MyProjectComponents() {
   const { page, hasNext, projects, setPage, setHasNext, setProjects, reset } =
     useSearchProject();
+  const { user } = useAuthStore();
 
   const SIZE = 5;
   const [isLoading, setIsLoading] = useState(true);
@@ -19,6 +21,7 @@ export default function MyProjectComponents() {
       title: "",
       stackNames: [],
       categories: [],
+      authorName: user?.username,
     },
   });
 

src/components/Project/Project.tsx

@@ -67,7 +67,7 @@ function ProjectLikeShare({ project }: IProjectProps) {
         <button>
           <FaShare style={{ width: "26px", height: "26px" }} />
         </button>
-        {user?.data?.email === project.authorName ? (
+        {user?.email === project.authorName ? (
           <Link style={{ width: "100%" }} href={`/project/edit/${project.id}`}>
             <FaEdit style={{ width: "26px", height: "26px" }} />
           </Link>

src/pages/mypage/index.tsx

@@ -1,15 +1,22 @@
 import { useAuthStore } from "@/stores/authStore";
 import { useRouter } from "next/router";
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 
 export default function Mypage() {
   const router = useRouter();
   const { isLoggedIn } = useAuthStore();
+  const hasAlerted = useRef(false);
 
   useEffect(() => {
-    if (isLoggedIn) {
-      router.replace("/mypage/myprojects");
-      console.log(isLoggedIn);
+    if (!hasAlerted.current) {
+      hasAlerted.current = true;
+
+      if (isLoggedIn) {
+        router.replace("/mypage/myprojects");
+      } else {
+        alert("로그인이 필요합니다");
+        router.replace("/");
+      }
     }
   }, [isLoggedIn, router]);
 

src/services/gql/searchProject.ts

@@ -7,6 +7,7 @@ export const SEARCH_PROJECT = gql`
     $title: String
     $stackNames: [String]
     $categories: [ProjectCategory]
+    $authorName: String
   ) {
     searchProject(
       projectSearchRequest: {
@@ -15,6 +16,7 @@ export const SEARCH_PROJECT = gql`
         title: $title
         stackNames: $stackNames
         categories: $categories
+        authorName: $authorName
       }
     ) {
       count