Upload 1.4

part1/courseinfo/src/App.js

@@ -26,28 +26,32 @@ const Total = (props) => {
 
 const App = () => {
   const course = "Half Stack application development";
-  const part1 = {
-    name: "Fundamentals of React",
-    exercises: 10,
-  };
-  const part2 = {
-    name: "Using props to pass data",
-    exercises: 7,
-  };
-  const part3 = {
-    name: "State of a component",
-    exercises: 14,
-  };
+  const parts = [
+    {
+      name: "Fundamentals of React",
+      exercises: 10,
+    },
+    {
+      name: "Using props to pass data",
+      exercises: 7,
+    },
+    {
+      name: "State of a component",
+      exercises: 14,
+    },
+  ];
 
   return (
     <div>
       <Header course={course} />
       <Content
-        part1={part1.name + " " + part1.exercises}
-        part2={part2.name + " " + part2.exercises}
-        part3={part3.name + " " + part3.exercises}
+        part1={parts[0].name + " " + parts[0].exercises}
+        part2={parts[1].name + " " + parts[1].exercises}
+        part3={parts[2].name + " " + parts[2].exercises}
+      />
+      <Total
+        part={parts[0].exercises + parts[1].exercises + parts[2].exercises}
       />
-      <Total part={part1.exercises + part2.exercises + part3.exercises} />
     </div>
   );
 };