From e0b005e2a10d9e4abfcc172510494ff595d8082e Mon Sep 17 00:00:00 2001 From: AndrewTrieu Date: Mon, 13 Mar 2023 16:10:01 +0200 Subject: [PATCH] Upload 1.9 --- part1/unicafe/src/App.js | 36 ++++++++++++++++++++---------------- 1 file changed, 20 insertions(+), 16 deletions(-) diff --git a/part1/unicafe/src/App.js b/part1/unicafe/src/App.js index b9be9c0..ec579ed 100644 --- a/part1/unicafe/src/App.js +++ b/part1/unicafe/src/App.js @@ -1,21 +1,25 @@ import { useState } from "react"; const Statistics = (props) => { - return ( -
-

good {props.good}

-

neutral {props.neutral}

-

bad {props.bad}

-

all {props.good + props.neutral + props.bad}

-

- average{" "} - {(props.good - props.bad) / (props.good + props.neutral + props.bad)} -

-

- positive {(props.good / (props.good + props.neutral + props.bad)) * 100}{" "} - % -

-
- ); + if (props.good + props.neutral + props.bad === 0) { + return

No feedback given

; + } else { + return ( +
+

good {props.good}

+

neutral {props.neutral}

+

bad {props.bad}

+

all {props.good + props.neutral + props.bad}

+

+ average{" "} + {(props.good - props.bad) / (props.good + props.neutral + props.bad)} +

+

+ positive{" "} + {(props.good / (props.good + props.neutral + props.bad)) * 100} % +

+
+ ); + } }; const App = () => { // save clicks of each button to its own state