From d37b645f2a7233ef93acb01fdca5ac531ad93bdc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roy=20Gr=C3=B6nroos?= <roygronroos@protonmail.com> Date: Mon, 28 Feb 2022 15:32:50 +0200 Subject: [PATCH] Exercise 1.10 --- src/index.js | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/src/index.js b/src/index.js index ad82efa..6e426f7 100644 --- a/src/index.js +++ b/src/index.js @@ -46,7 +46,10 @@ const Button = ({name, increment}) => ( ) const Statistic = ({name, statistic}) => ( - <p>{name}: {statistic}</p> + <tr> + <td>{name}</td> + <td>{statistic}</td> + </tr> ) const Statistics = ({state, mean, percentage}) => { @@ -54,13 +57,15 @@ const Statistics = ({state, mean, percentage}) => { return <p>Ei yhtään palautetta annettu.</p> } else { return ( - <div> - <Statistic name={"Hyvä"} statistic={state.good}/> - <Statistic name={"Neutraali"} statistic={state.neutral}/> - <Statistic name={"Huono"} statistic={state.bad}/> - <Statistic name={"Keskiarvo"} statistic={mean()}/> - <Statistic name={"Positiivisia"} statistic={percentage()}/> - </div> + <table> + <tbody> + <Statistic name={"Hyvä"} statistic={state.good}/> + <Statistic name={"Neutraali"} statistic={state.neutral}/> + <Statistic name={"Huono"} statistic={state.bad}/> + <Statistic name={"Keskiarvo"} statistic={mean()}/> + <Statistic name={"Positiivisia"} statistic={percentage()}/> + </tbody> + </table> ) } } -- GitLab