feat/#49/myprojects 카드 스타일 설정 완료

team-pofo · Jan 15, 2025 · 13c3883 · 13c3883
1 parent 3fcd105
commit 13c3883
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 16 deletions.
diff --git a/src/components/Mypage/MyProjects/MyProjects.tsx b/src/components/Mypage/MyProjects/MyProjects.tsx
@@ -93,7 +93,16 @@ export default function MyProjectComponents() {
       ) : (
         <div>
           {projects.map((project, index) => (
-            <MypageProjectCard key={index} projectCard={project} />
+            <div key={index}>
+              <MypageProjectCard projectCard={project} />
+              <hr
+                style={{
+                  marginTop: "50px",
+                  marginBottom: "50px",
+                  borderColor: "black",
+                }}
+              ></hr>
+            </div>
           ))}
 
           <div

diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx
@@ -116,7 +116,7 @@ const Navigation: React.FC = () => {
         >
           <Logo href="/">POFO</Logo>
           <NavItems>
-            <StyledNavLink href="/newpost">Home</StyledNavLink>
+            <StyledNavLink href="/">Home</StyledNavLink>
             {/* <StyledNavLink href="/mypage">MyPage</StyledNavLink> */}
           </NavItems>
         </div>

diff --git a/src/components/Project/Project.tsx b/src/components/Project/Project.tsx
@@ -47,8 +47,6 @@ function ProjectIntroduction({ project }: IProjectProps) {
 function ProjectLikeShare({ project }: IProjectProps) {
   const { user } = useAuthStore();
 
-  console.log("authorName: ", project.authorName);
-
   return (
     <div>
       <div

diff --git a/src/components/ProjectCard/Mypage/MypageProjectCard.tsx b/src/components/ProjectCard/Mypage/MypageProjectCard.tsx
@@ -16,7 +16,6 @@ export default function MypageProjectCard(projectCard: IProjectCardProps) {
   };
 
   const { id, title, imageUrls, bio } = projectCard.projectCard;
-  console.log(projectCard);
   return (
     <Link style={{ width: "100%" }} href={`/project/${id}`}>
       <Styles.Card>

diff --git a/src/components/ProjectCard/Mypage/styles.ts b/src/components/ProjectCard/Mypage/styles.ts
@@ -3,10 +3,8 @@ import styled from "@emotion/styled";
 export const Card = styled.div`
   display: flex;
   align-items: center;
-  border-bottom: 1px solid black;
   gap: 50px;
-  padding-top: 50px;
-  padding-bottom: 50px;
+
   overflow: hidden;
   cursor: pointer;
 `;

diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
@@ -9,9 +9,7 @@ export default function Mypage() {
   useEffect(() => {
     if (isLoggedIn) {
       router.replace("/mypage/myprojects");
-    } else {
-      alert("로그인이 필요합니다");
-      router.replace("/");
+      console.log(isLoggedIn);
     }
   }, [isLoggedIn, router]);
 

diff --git a/src/pages/mypage/myprojects.tsx b/src/pages/mypage/myprojects.tsx
@@ -1,13 +1,19 @@
 import React from "react";
 import MypageLayout from "@/components/Mypage/MypageLayout";
 import MyProjectComponents from "@/components/Mypage/MyProjects/MyProjects";
+import { useAuthStore } from "@/stores/authStore";
 
 const MyProjects: React.FC = () => {
-  return (
-    <MypageLayout>
-      <MyProjectComponents />
-    </MypageLayout>
-  );
+  const { isLoggedIn } = useAuthStore();
+  if (isLoggedIn) {
+    return (
+      <MypageLayout>
+        <MyProjectComponents />
+      </MypageLayout>
+    );
+  } else {
+    return null;
+  }
 };
 
 export default MyProjects;