projectsが動作するようにする

piny940 · Sep 28, 2023 · bb139f8 · bb139f8
1 parent d475c64
commit bb139f8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Portfolio/ProjectItem.tsx b/src/components/Portfolio/ProjectItem.tsx
@@ -5,16 +5,16 @@ import { useTheme } from '@/context/ThemeProvider'
 import Image from 'next/image'
 import githubWhiteIcon from '../../resources/images/common/github-white.png'
 import githubIcon from '../../resources/images/common/github.png'
-import { ProjectData } from '@/data/projects'
 import { useMemo } from 'react'
+import { Project } from '@/models/project'
 
 const ProjectItemDiv = styled.div`
   min-width: 200px;
   max-width: 100%;
 `
 
 export type ProjectItemProps = {
-  project: ProjectData
+  project: Project
   className?: string
 }
 

diff --git a/src/containers/Index.tsx b/src/containers/Index.tsx
@@ -18,7 +18,7 @@ export const Index = ({ data }: IndexProps): JSX.Element => {
         className="bg-body-tertiary"
         techStacks={controller.getTechStacks()}
       />
-      <ProjectsIndex className="bg-body" />
+      <ProjectsIndex className="bg-body" projects={controller.getProjects()} />
     </div>
   )
 }
diff --git a/src/containers/Projects.tsx b/src/containers/Projects.tsx
@@ -1,12 +1,14 @@
 import { ProjectItem } from '@/components/Portfolio/ProjectItem'
-import { projectsData } from '@/data/projects'
+import { Projects } from '@/models/project'
 
 export type ProjectsIndexProps = {
   className?: string
+  projects: Projects
 }
 
 export const ProjectsIndex: React.FC<ProjectsIndexProps> = ({
   className = '',
+  projects,
 }) => {
   return (
     <section
@@ -16,7 +18,7 @@ export const ProjectsIndex: React.FC<ProjectsIndexProps> = ({
       <h2 className="h1 text-center title-underline">Projects</h2>
       <p className="mt-4">それぞれQiita記事へのリンクになっています</p>
       <div className="row row-cols-md-2 row-cols-xl-3 w-75">
-        {projectsData.map((project) => (
+        {projects.getProjects().map((project) => (
           <div className="col-md p-3 my-3" key={project.getTitle()}>
             <ProjectItem project={project} />
           </div>