✨Feat: default_member, default_project 적용 #31

GDSC-DGU · May 15, 2024 · be090df · be090df
1 parent 722c86f
commit be090df
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 7 deletions.
diff --git a/public/images/project_img.png → public/images/default_member.png b/public/images/project_img.png → public/images/default_member.png
diff --git a/public/images/default_project.png b/public/images/default_project.png
diff --git a/src/components/project/content/ProjectMember.tsx b/src/components/project/content/ProjectMember.tsx
@@ -1,4 +1,3 @@
-import ProfileImg from '@/images/project_img.png';
 import { ProjectMemberData } from '@/interfaces/project/projectMemberData';
 
 /**
@@ -19,8 +18,10 @@ const ProjectMember = ({ member }: { member: ProjectMemberData }) => {
   return (
     <section className="toggle-menu opacity-0 w-full p-4 bg-mono_900 flex flex-row items-center gap-4 rounded">
       <Image
-        src={ProfileImg}
+        src={member.image}
         alt="profile"
+        width={64}
+        height={64}
         className="w-[4rem] h-[4rem] rounded-lg"
       />
       <div className="flex flex-col leading-7">

diff --git a/src/components/project/introduction/ProjectIntroduction.tsx b/src/components/project/introduction/ProjectIntroduction.tsx
@@ -29,10 +29,10 @@ const ProjectIntroduction = ({ projectData }: { projectData: ProjectData }) => {
         <div className="w-full mx-auto flex desktop:flex-row desktop:justify-start flex-col justify-center desktop:items-end gap-8 mt-20">
           <Image
             className="desktop:min-w-[34rem] desktop:max-w-[34rem] flex-1 w-full rounded-md"
-            src={projectData.image}
+            src={projectData?.image}
             alt="프로젝트 프로필"
-            width={800}
-            height={800}
+            width={540}
+            height={540}
             priority
           />
           <motion.div

diff --git a/src/hooks/project/notionProjectDataRefactor.ts b/src/hooks/project/notionProjectDataRefactor.ts
@@ -1,5 +1,6 @@
 import { ProjectData } from '@/interfaces/project/projectData';
-import ProjectImg from '@/images/project_img.png';
+import ProjectImg from '@/images/default_project.png';
+import MemberImg from '@/images/default_member.png';
 import { ProjectMemberData } from '@/interfaces/project/projectMemberData';
 
 // 프로젝트 목록 데이터
@@ -48,6 +49,6 @@ export function refactorMemberListData(items: any[]): ProjectMemberData[] {
     name: item?.properties['이름']?.title[0]?.plain_text ?? '',
     role: item.properties.Part?.multi_select[0]?.name ?? '',
     seminar: '',
-    // 프로필 이미지도 추가하기
+    image: MemberImg.src, // 프로필 이미지도 추가하기
   }));
 }
diff --git a/src/interfaces/project/projectMemberData.ts b/src/interfaces/project/projectMemberData.ts
@@ -3,4 +3,5 @@ export interface ProjectMemberData {
   name: string;
   role: string;
   seminar: string;
+  image: string;
 }