From 6fac642921e82e3847105d016630029c619822b7 Mon Sep 17 00:00:00 2001
From: Thuan Bui <thuanbui87@gmail.com>
Date: Thu, 26 Aug 2021 12:11:13 +0700
Subject: [PATCH] Completed 1.2

---
 part1/src/App.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/part1/src/App.js b/part1/src/App.js
index bc282a0..f2b3d85 100644
--- a/part1/src/App.js
+++ b/part1/src/App.js
@@ -12,9 +12,7 @@ const App = () => {
   return (
     <div>
       <Header course={course} />
-      <Content part={part1} excercise={exercises1} />
-      <Content part={part2} excercise={exercises2} />
-      <Content part={part3} excercise={exercises3} />
+      <Content part={[part1,part2,part3]} exercises={[exercises1, exercises2, exercises3]} />
       <Total exercises={[exercises1, exercises2, exercises3]} />
     </div>
   )
@@ -29,12 +27,20 @@ const Header = (props) => {
 const Content = (props) => {
   return (
     <div>
-      <p>{props.part} {props.excercise}</p>
+      <Part part={props.part[0]} exercises={props.exercises[0]} />
+      <Part part={props.part[2]} exercises={props.exercises[1]} />
+      <Part part={props.part[2]} exercises={props.exercises[2]} />
     </div>
    
   )
 }
 
+const Part = (props) => {
+  return (
+    <p>{props.part} {props.exercises}</p>
+  )
+}
+
 const Total = (props) => {
   return (
     <p>Number of exercises {props.exercises[0] + props.exercises[1] + props.exercises[2]}</p>