From 5aaa73833408042fea0160d465374f71de2b8e4a Mon Sep 17 00:00:00 2001
From: Thuan Bui <thuanbui87@gmail.com>
Date: Thu, 26 Aug 2021 20:39:41 +0700
Subject: [PATCH] Completed 1.11 (unicafe step 6)

---
 part1/1.6-1.11-unicafe/src/App.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/part1/1.6-1.11-unicafe/src/App.js b/part1/1.6-1.11-unicafe/src/App.js
index df5f90f..536402f 100644
--- a/part1/1.6-1.11-unicafe/src/App.js
+++ b/part1/1.6-1.11-unicafe/src/App.js
@@ -18,22 +18,23 @@ const App = () => {
         <div>
           <h1>Statistic</h1>
           {all > 0 &&
-            <div>
+            <table>
+              <tbody>
               <StatisticLine text="Good" value ={good} />
               <StatisticLine text="Neutral" value ={neutral} />
               <StatisticLine text="Bad" value ={bad} />
               <StatisticLine text="All" value ={all} />
               <StatisticLine text="Average" value ={avg} />
               <StatisticLine text="Positive" value ={positive} />
-
-            </div>
+              </tbody>
+            </table>
           }
           {all === 0 && "No feedback given"}
         </div>
       )
   }
 
-  const StatisticLine = (props) => <p>{props.text}: {props.value}</p>
+  const StatisticLine = (props) => <tr><td>{props.text}</td><td>{props.value}</td></tr>
 
   const Button = (props) => {
     return (