From f74185332385e16b1b09377b260fd7c93819649b Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin@superhog.com>
Date: Tue, 20 May 2025 15:13:36 +0200
Subject: [PATCH] compelted 1.14

---
 parts/1/anecdotes/src/App.jsx | 16 ++++++++++++++++
 parts/1/notes.md              |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/parts/1/anecdotes/src/App.jsx b/parts/1/anecdotes/src/App.jsx
index f4892ea..a7eff9c 100644
--- a/parts/1/anecdotes/src/App.jsx
+++ b/parts/1/anecdotes/src/App.jsx
@@ -30,11 +30,27 @@ const App = (props) => {
     setSelected(Math.floor(Math.random() * props.anecdotes.length))
   }
 
+  const getMostVotedIndex = (votesArray) => {
+    let highestVoteCount = 0;
+    let highestVoteIndex;
+    for (let i = 0; i < votesArray.length; i++) {
+      if (votesArray[i] >= highestVoteCount) {
+        highestVoteIndex = i
+        highestVoteCount = votesArray[i]
+      }
+    }
+
+    return highestVoteIndex;
+  }
+
   return (
     <>
     <AnecdoteDisplay anecdotes={props.anecdotes} anecdoteIndex={selected} anecdoteVotes={votes[selected]}/>
     <Button buttonText={'Vote this'} onClickCallback={voteQuote}/>
     <Button buttonText={'Next'} onClickCallback={selectRandomAnecdote}/>
+
+    <h1>The most popular anecdote</h1>
+    <AnecdoteDisplay anecdotes={props.anecdotes} anecdoteIndex={getMostVotedIndex(votes)} anecdoteVotes={votes[getMostVotedIndex(votes)]}/>
     </>
   )
 }
diff --git a/parts/1/notes.md b/parts/1/notes.md
index 2f21423..d81fee4 100644
--- a/parts/1/notes.md
+++ b/parts/1/notes.md
@@ -15,7 +15,7 @@ Exercises:
 * [X] 1.11
 * [X] 1.12
 * [X] 1.13
-* [ ] 1.14
+* [X] 1.14
 
 My own final exercise:
 * Make a website for which you give a principal and an interest rate, and it computes the monthly installments and gives you the breakdown of interest and amortization you will pay each month.