From 7bf6ba5fe757267a7719ff254523979e1dd84d20 Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Thu, 20 Jun 2024 19:58:17 +0100
Subject: [PATCH] fix(*): Force modal to be able to close

---
 src/components/Modal.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
index 06df499..d468a28 100644
--- a/src/components/Modal.svelte
+++ b/src/components/Modal.svelte
@@ -3,21 +3,19 @@
 	export let heading = '';
 	export let body = '';
 
-	function handleOverlayClick(event) {
+	function handleSubmit() {
 		showModal = false;
 	}
 </script>
 
 <div class="modal-container">
-	<div
-		id="modal-overlay"
-		on:click={handleOverlayClick}
-		on:keydown={handleOverlayKeydown}
-		aria-modal="true"
-	>
+	<div id="modal-overlay">
 		<div class="modal">
 			<h2>{heading}</h2>
 			<p>{body}</p>
+			<div class="button-container">
+				<button on:click={handleSubmit}>OK</button>
+			</div>
 		</div>
 	</div>
 </div>