From 6d619c8caa641e18a48f84e19bf9272e12a4e047 Mon Sep 17 00:00:00 2001
From: Savy <savy.novachez011@gmail.com>
Date: Wed, 5 Apr 2023 16:03:00 +0530
Subject: [PATCH] Finished Ex 1.9 thru 1.11

---
 Part_1/unicafe/src/App.js | 35 +++++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/Part_1/unicafe/src/App.js b/Part_1/unicafe/src/App.js
index 23f2705..17803c4 100644
--- a/Part_1/unicafe/src/App.js
+++ b/Part_1/unicafe/src/App.js
@@ -10,9 +10,29 @@ const Button = ({ handleClick, text }) => {
 
 const StatsDisplay = (props) => {
 	return (
-		<>
-		<p>{props.text}: {props.value}{props.sign}</p>
-		</>
+		<tr>
+			<td>{props.text}</td> 
+			<td>{props.value}{props.sign}</td>
+		</tr>
+	)
+}
+
+const Stats = (props) => {
+	if (props.good === 0 && props.neutral === 0 && props.bad === 0) {
+		return (
+			<p>No Feedback Given</p>
+		)
+	}
+
+	return (
+		<table>
+			<StatsDisplay text='Good' value={props.good} />
+			<StatsDisplay text='Neutral' value={props.neutral} />
+			<StatsDisplay text='Bad' value={props.bad} />
+			<StatsDisplay text='Total' value={props.total} />
+			<StatsDisplay text='Average' value={props.average} />
+			<StatsDisplay text='Positive' value={props.positive} sign='%'/>
+		</table>
 	)
 }
 
@@ -52,13 +72,8 @@ const App = () => {
 
 			<h1>Statistics</h1>
 			
-			<StatsDisplay text='Good' value={good} />
-			<StatsDisplay text='Neutral' value={neutral} />
-			<StatsDisplay text='Bad' value={bad} />
-			<StatsDisplay text='Total' value={total} />
-			<StatsDisplay text='Average' value={average} />
-			<StatsDisplay text='Positive' value={positive} sign='%' />
-		</div>
+			<Stats good={good} neutral={neutral} bad={bad} total={total} average={average} positive={positive}/>
+			</div>
 	)
 }
 
-- 
2.51.2