✨Feat: 깃허브 유튜브 링크 적용 #31

GDSC-DGU · May 13, 2024 · 722c86f · 722c86f
1 parent 35a71e6
commit 722c86f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/src/components/project/introduction/ProjectIntroduction.tsx b/src/components/project/introduction/ProjectIntroduction.tsx
@@ -8,6 +8,7 @@ import { ProjectData } from '@/interfaces/project/projectData';
 import ProjectIntroductionBand from './ProjectIntroductionBand';
 import { motion } from 'framer-motion';
 import { slideUpVariants } from '@/constants/project/slideUpVariants';
+import Link from 'next/link';
 
 /**
  * @description
@@ -44,9 +45,17 @@ const ProjectIntroduction = ({ projectData }: { projectData: ProjectData }) => {
             className="flex flex-col justify-end my-3"
           >
             <div className="flex flex-1 flex-row gap-[0.625rem] pb-5">
-              <GithubIcon />
-              <FileIcon />
-              <YoutubeIcon />
+              {projectData?.github && (
+                <Link href={projectData?.github}>
+                  <GithubIcon />
+                </Link>
+              )}
+              {/* <FileIcon /> */}
+              {projectData?.youtube && (
+                <Link href={projectData?.youtube}>
+                  <YoutubeIcon />
+                </Link>
+              )}
             </div>
             <div className="pb-4 H3">{projectData?.title}</div>
             <div className="pb-4 H6">{projectData?.introduce}</div>

diff --git a/src/hooks/project/notionProjectDataRefactor.ts b/src/hooks/project/notionProjectDataRefactor.ts
@@ -34,6 +34,10 @@ export function refactorProjectData(item: any, memberList: any[]): ProjectData {
     ),
     content: '',
     date: '',
+    youtube:
+      item?.properties['유튜브 링크']?.rich_text[0]?.plain_text ?? undefined,
+    github:
+      item?.properties['깃허브 링크']?.rich_text[0]?.plain_text ?? undefined,
   };
 }
 

diff --git a/src/interfaces/project/projectData.ts b/src/interfaces/project/projectData.ts
@@ -10,4 +10,6 @@ export interface ProjectData {
   team: ProjectMemberData[];
   content: string;
   date: string; // 일단은 연도값만 넣기
+  youtube?: string;
+  github?: string;
 }