mitchell
/
mjfs.us
mirror of https://github.com/mitchell/mjfs.us.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactor how data from files are handled

This commit is contained in:
Mitchell Simon 2019-09-03 02:35:13 -04:00
parent e9ffbad7ca
commit 1aebe5ebcf
2 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/screens/Experience/index.tsx
View File

@ -1,7 +1,7 @@
import React, { PureComponent, ReactNode } from "react" import React, { PureComponent, ReactNode } from "react"
import Job from "../../components/Job" import Job from "../../components/Job"
import jobsData from "../../data/jobs.json" import jobs from "../../data/jobs.json"
import "./index.css" import "./index.css"
type JobData = { type JobData = {
@ -13,12 +13,10 @@ type JobData = {
export default class Experience extends PureComponent { export default class Experience extends PureComponent {
public render(): ReactNode { public render(): ReactNode {
return ( return <div className="experience-container">{this.renderJobs()}</div>
<div className="experience-container">{this.renderJobs(jobsData)}</div>
)
} }
private renderJobs(jobs: JobData[]): ReactNode[] { private renderJobs(): ReactNode[] {
return jobs.map((job: JobData) => ( return jobs.map((job: JobData) => (
<Job <Job
key={job.title} key={job.title}

12
src/screens/Projects/index.tsx
View File

@ -1,11 +1,9 @@
import React, { PureComponent, ReactNode } from "react" import React, { PureComponent, ReactNode } from "react"
import Project from "../../components/Project" import Project from "../../components/Project"
import projects from "../../data/projects.json"
import "./index.css" import "./index.css"
import projectsData from "../../data/projects.json"
type BadgeData = { type BadgeData = {
imgUrl: string imgUrl: string
linkUrl: string linkUrl: string
@ -21,14 +19,10 @@ type ProjectData = {
export default class Projects extends PureComponent { export default class Projects extends PureComponent {
public render(): ReactNode { public render(): ReactNode {
return ( return <div className="projects-container">{this.renderProjects()}</div>
<div className="projects-container">
{this.renderProjects(projectsData)}
</div>
)
} }
private renderProjects(projects: ProjectData[]): ReactNode[] { private renderProjects(): ReactNode[] {
return projects.map((project: ProjectData) => ( return projects.map((project: ProjectData) => (
<Project <Project
key={project.title} key={project.title}