From d16fe99065ee15389a503ef441f51a80ee2fbddd Mon Sep 17 00:00:00 2001
From: AndrewTrieu <andrewtrieu.2003@gmail.com>
Date: Mon, 13 Mar 2023 15:44:04 +0200
Subject: [PATCH] Upload 1.4

---
 part1/courseinfo/src/App.js | 36 ++++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/part1/courseinfo/src/App.js b/part1/courseinfo/src/App.js
index 292628e..8742557 100644
--- a/part1/courseinfo/src/App.js
+++ b/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>
   );
 };