From 1aebe5ebcf1d77fba484313e468c45e7e9340288 Mon Sep 17 00:00:00 2001
From: Mitchell Simon <mitchelljfsimon@gmail.com>
Date: Tue, 3 Sep 2019 02:35:13 -0400
Subject: [PATCH] Refactor how data from files are handled

---
 src/screens/Experience/index.tsx |  8 +++-----
 src/screens/Projects/index.tsx   | 12 +++---------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/screens/Experience/index.tsx b/src/screens/Experience/index.tsx
index 06ffb5d..dae979e 100644
--- a/src/screens/Experience/index.tsx
+++ b/src/screens/Experience/index.tsx
@@ -1,7 +1,7 @@
 import React, { PureComponent, ReactNode } from "react"
 
 import Job from "../../components/Job"
-import jobsData from "../../data/jobs.json"
+import jobs from "../../data/jobs.json"
 import "./index.css"
 
 type JobData = {
@@ -13,12 +13,10 @@ type JobData = {
 
 export default class Experience extends PureComponent {
   public render(): ReactNode {
-    return (
-      <div className="experience-container">{this.renderJobs(jobsData)}</div>
-    )
+    return <div className="experience-container">{this.renderJobs()}</div>
   }
 
-  private renderJobs(jobs: JobData[]): ReactNode[] {
+  private renderJobs(): ReactNode[] {
     return jobs.map((job: JobData) => (
       <Job
         key={job.title}
diff --git a/src/screens/Projects/index.tsx b/src/screens/Projects/index.tsx
index 9b147ec..eae063e 100644
--- a/src/screens/Projects/index.tsx
+++ b/src/screens/Projects/index.tsx
@@ -1,11 +1,9 @@
 import React, { PureComponent, ReactNode } from "react"
 
 import Project from "../../components/Project"
-
+import projects from "../../data/projects.json"
 import "./index.css"
 
-import projectsData from "../../data/projects.json"
-
 type BadgeData = {
   imgUrl: string
   linkUrl: string
@@ -21,14 +19,10 @@ type ProjectData = {
 
 export default class Projects extends PureComponent {
   public render(): ReactNode {
-    return (
-      <div className="projects-container">
-        {this.renderProjects(projectsData)}
-      </div>
-    )
+    return <div className="projects-container">{this.renderProjects()}</div>
   }
 
-  private renderProjects(projects: ProjectData[]): ReactNode[] {
+  private renderProjects(): ReactNode[] {
     return projects.map((project: ProjectData) => (
       <Project
         key={project.title}