ex 1.13 add vote counter for each anecdotes utilzing arrays in hooks

1 files changed, 10 insertions, 6 deletions

diff --git a/part1/anecdotes/src/App.js b/part1/anecdotes/src/App.js
index 4e33e98..8bc3b2b 100644
--- a/part1/anecdotes/src/App.js
+++ b/part1/anecdotes/src/App.js
@@ -8,12 +8,6 @@ const Button = (props) => {
   )
 }
 
-const Display = (props) => {
-  return (
-    <p>{props.text} {props.count}</p>
-  )
-}
-
 const App = () => {
   const anecdotes = [
       'If it hurts, do it more often.',
@@ -28,6 +22,8 @@ const App = () => {
   ]
 
   const [selected, setSelected] = useState(0)
+  const [votes, setVotes] = useState(Array(anecdotes.length).fill(0))
+  
 
   const getRandomInt = (min, max) => {
     min = Math.ceil(min)
@@ -35,9 +31,17 @@ const App = () => {
     return Math.floor(Math.random() * (max - min) + min)
   }
 
+  const updateVotes = (selected) => {
+    const copy = [...votes]
+    copy[selected] += 1
+    return copy
+  }
+
   return (
     <div>
       <p>{anecdotes[selected]}</p>
+      <p>has {votes[selected]} votes</p>
+      <Button onclick={() => {setVotes(updateVotes(selected))}} text="vote" />
       <Button onclick={() => setSelected(getRandomInt(0, anecdotes.length))} text="next anecdote" />
     </div>
   )