diff --git a/src/index.js b/src/index.js index ad82efa6c047cfeb7735c5193c95687a842909c2..6e426f7ecd3aeec142580b60bb88df06828cedb4 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> ) } }