Upload 1.5

part1/courseinfo/src/App.js

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