Upload 1.5

part1/courseinfo/src/App.js

@@ -25,8 +25,9 @@ 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,
@@ -39,18 +40,23 @@ const App = () => {
         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>
   );