diff --git a/parts/1/notes.md b/parts/1/notes.md index 7cfdb53..a886a53 100644 --- a/parts/1/notes.md +++ b/parts/1/notes.md @@ -8,7 +8,7 @@ Exercises: * [X] 1.4 * [X] 1.5 * [X] 1.6 -* [ ] 1.7 +* [X] 1.7 * [ ] 1.8 * [ ] 1.9 * [ ] 1.10 diff --git a/parts/1/uniCafe/src/App.jsx b/parts/1/uniCafe/src/App.jsx index 6f65d1d..1ab4c6b 100644 --- a/parts/1/uniCafe/src/App.jsx +++ b/parts/1/uniCafe/src/App.jsx @@ -8,10 +8,10 @@ const Button = (props) => { return ; }; -const Counter = (props) => { +const StatisticDisplay = (props) => { return (

- {props.counterName} {props.counterValue} + {props.statisticName} {props.statisticValue}

); }; @@ -22,6 +22,16 @@ const App = () => { const [neutral, setNeutral] = useState(0); const [bad, setBad] = useState(0); + const computeTotalCount = () => { + return good + neutral + bad; + }; + const computeAverage = () => { + return (good - bad) / computeTotalCount(); + }; + const computePercentagePositive = () => { + return good / computeTotalCount(); + }; + return (
@@ -44,9 +54,21 @@ const App = () => { buttonText="bad" />
- - - + + + + + +
); // Buttons