From 5ef7f94831b159ac837f44b6c30bdfb5f25b7930 Mon Sep 17 00:00:00 2001
From: David Quezada <davidquezada@David-Quezadas-MacBook-Pro.local>
Date: Tue, 5 Oct 2021 21:11:42 -0300
Subject: [PATCH 1/4] Issue 4, Button to random episode

---
 src/App.svelte                         | 3 ++-
 src/libs/episodes-repo.ts              | 4 ++++
 src/sections/EpisodeListSection.svelte | 3 +++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/App.svelte b/src/App.svelte
index 1b79c88..1158333 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import EpisodeListSection from "./sections/EpisodeListSection.svelte";
   import IntroSection from "./sections/IntroSection.svelte";
-  import { getEpisodeById, getEpisodeByNumber, getLatestEpisode } from "./libs/episodes-repo";
+  import { getEpisodeById, getEpisodeByNumber, getLatestEpisode, getRandomEpisode } from "./libs/episodes-repo";
   import EpisodeSection from "./sections/EpisodeSection.svelte";
   import MetaSection from "./sections/MetaSection.svelte";
   import AboutSection from "./sections/AboutSection.svelte";
@@ -32,6 +32,7 @@
   }
 
   function getEpisodeFromSearchKeys(keys: string[]) {
+    if (searchParams.has("randomEpisode")) return getRandomEpisode();
     const episodeId = keys.find(getEpisodeById);
     const episodeNumber = searchParams.get("episode");
     return getEpisodeByNumber(episodeNumber) ??
diff --git a/src/libs/episodes-repo.ts b/src/libs/episodes-repo.ts
index 445367e..4fa5792 100644
--- a/src/libs/episodes-repo.ts
+++ b/src/libs/episodes-repo.ts
@@ -25,6 +25,10 @@ export function getEpisodeByNumber(episodeNumber: string): EpisodeData {
   return episodeMapByNumber.get(episodeNumber);
 }
 
+export function getRandomEpisode(): EpisodeData {
+  return episodeMapByNumber.get(`${Math.floor(Math.random() * (episodeMapByNumber.size)) + 1}`);
+}
+
 export function getAllEpisodeData(): EpisodeData[] {
   return episodeDatas;
 }
diff --git a/src/sections/EpisodeListSection.svelte b/src/sections/EpisodeListSection.svelte
index ca16e27..fb65795 100644
--- a/src/sections/EpisodeListSection.svelte
+++ b/src/sections/EpisodeListSection.svelte
@@ -17,6 +17,9 @@
         {/if}
       </li>
     {/each}
+    <li>
+      <a href="?randomEpisode">Random episode</a>
+    </li>
   </ol>
 </Section>
 

From 66c762df648c15459eede0638730f06eada1ce87 Mon Sep 17 00:00:00 2001
From: Kalle Jillheden <kalle.jillheden@gmail.com>
Date: Tue, 9 Nov 2021 19:08:56 +0100
Subject: [PATCH 2/4] Changed to button

---
 src/sections/EpisodeListSection.svelte | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/sections/EpisodeListSection.svelte b/src/sections/EpisodeListSection.svelte
index fb65795..59c187d 100644
--- a/src/sections/EpisodeListSection.svelte
+++ b/src/sections/EpisodeListSection.svelte
@@ -1,9 +1,15 @@
 <script lang="ts">
   import Section from "./base/Section.svelte";
-  import { getAllEpisodeData } from "../libs/episodes-repo";
+  import { getAllEpisodeData, getRandomEpisode } from "../libs/episodes-repo";
   import Link from "../Link.svelte";
+  import { navigate } from "../libs/util";
 
   export let currentEpisodeId: string = null;
+
+  function onClickRandomEpisode() {
+    const epi = getRandomEpisode();
+    navigate(`?episode=${epi.number}`);
+  }
 </script>
 
 <Section title="Episodes">
@@ -18,7 +24,9 @@
       </li>
     {/each}
     <li>
-      <a href="?randomEpisode">Random episode</a>
+      <button class="link" on:click={onClickRandomEpisode}
+        >??: Random episode</button
+      >
     </li>
   </ol>
 </Section>

From af896b8a5eb75885047ba99d1b4fb80e3768ea32 Mon Sep 17 00:00:00 2001
From: Kalle Jillheden <kalle.jillheden@gmail.com>
Date: Tue, 9 Nov 2021 19:09:43 +0100
Subject: [PATCH 3/4] Removed ?randomEpisode query param

---
 src/App.svelte | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 6ede707..1afc1a1 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -7,7 +7,6 @@
     getLatestEpisode,
     getNextEpisode,
     getPreviousEpisode,
-    getRandomEpisode,
   } from "./libs/episodes-repo";
   import EpisodeSection from "./sections/EpisodeSection.svelte";
   import MetaSection from "./sections/MetaSection.svelte";
@@ -39,7 +38,6 @@
   }
 
   function getEpisodeFromSearchKeys(keys: string[]) {
-    if (searchParams.has("randomEpisode")) return getRandomEpisode();
     const episodeId = keys.find(getEpisodeById);
     const episodeNumber = searchParams.get("episode");
     return (

From 7f318b48287e1fc9618169e3891919abc0ccea8e Mon Sep 17 00:00:00 2001
From: Kalle Jillheden <kalle.jillheden@gmail.com>
Date: Tue, 9 Nov 2021 19:10:41 +0100
Subject: [PATCH 4/4] Changed getRandomEpisode to use randomElement

---
 src/libs/episodes-repo.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/libs/episodes-repo.ts b/src/libs/episodes-repo.ts
index dfb386a..dfe1dc5 100644
--- a/src/libs/episodes-repo.ts
+++ b/src/libs/episodes-repo.ts
@@ -1,4 +1,5 @@
 import type { LinkOrHref } from "./link";
+import { randomElement } from "./util";
 
 export interface EpisodeRawData {
   readonly id: string;
@@ -43,7 +44,7 @@ export function getEpisodeByNumber(episodeNumber: string): EpisodeData {
 }
 
 export function getRandomEpisode(): EpisodeData {
-  return episodeMapByNumber.get(`${Math.floor(Math.random() * (episodeMapByNumber.size)) + 1}`);
+  return randomElement(episodeDatas);
 }
 
 export function getAllEpisodeData(): EpisodeData[] {