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