From b510a037b2521469a8b552f22b1d747509b74f07 Mon Sep 17 00:00:00 2001
From: Thuan Bui <thuanbui87@gmail.com>
Date: Thu, 26 Aug 2021 20:26:57 +0700
Subject: [PATCH] Completed 1.9 (unicafe step 4)

---
 part1/1.6-1.11-unicafe/src/App.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/part1/1.6-1.11-unicafe/src/App.js b/part1/1.6-1.11-unicafe/src/App.js
index 0a1dc1c..4157bcb 100644
--- a/part1/1.6-1.11-unicafe/src/App.js
+++ b/part1/1.6-1.11-unicafe/src/App.js
@@ -12,16 +12,22 @@ const App = () => {
       const all = good + bad + neutral
       const avg = (all !== 0) ? (good - bad) / all : 0 
       const positive =  (all !== 0) ? good/all*100 : "NA"
+      
 
       return (
         <div>
           <h1>Statistic</h1>
-          <p>Good: {good}</p>
-          <p>Neutral: {neutral}</p>
-          <p>Bad: {bad}</p>
-          <p>All: {all}</p>
-          <p>Average: {avg} </p>
-          <p>Positive: {positive} %</p>
+          {all > 0 &&
+            <div>
+              <p>Good: {good}</p>
+              <p>Neutral: {neutral}</p>
+              <p>Bad: {bad}</p>
+              <p>All: {all}</p>
+              <p>Average: {avg} </p>
+              <p>Positive: {positive} %</p>
+            </div>
+          }
+          {all === 0 && "No feedback given"}
         </div>
       )
   }
@@ -29,7 +35,7 @@ const App = () => {
   return (
     <div>
       <h1>Give feedback</h1>
-      
+
       <button onClick={() => setGood(good + 1)}>good</button>
       <button onClick={() => setNeutral(neutral + 1)}>neutral</button>
       <button onClick={() => setBad(bad + 1)}>bad</button>