From 343304713deff799732d575cc6c95b33777956aa Mon Sep 17 00:00:00 2001
From: Tobias Berger <tobi.berger13@gmail.com>
Date: Thu, 30 Sep 2021 22:38:12 +0200
Subject: [PATCH] Lighthouse

---
 public/index.html                      |  1 +
 src/components/Modals/BaseModal.svelte |  2 +-
 src/components/Tabs/Home.svelte        | 28 ++++++++++++--------------
 3 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3dac725..a29aa8f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <!-- Welcome to a shark. I hope you enjoy this aquatic organism. -->
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta http-equiv="content-security-policy" content="script-src 'self' 'unsafe-inline'" />
 
     <meta property="og:title" itemprop="name" content="Shark Game" />
     <meta
diff --git a/src/components/Modals/BaseModal.svelte b/src/components/Modals/BaseModal.svelte
index 2f577c2..709f445 100644
--- a/src/components/Modals/BaseModal.svelte
+++ b/src/components/Modals/BaseModal.svelte
@@ -7,7 +7,7 @@
 
 {#if isOpen}
   <div role="dialog" class="modal">
-    <button class="close-modal" on:click={closeModal} />
+    <button class="close-modal" name="close modal" on:click={closeModal} />
     <div class="modal-content">
       <slot />
     </div>
diff --git a/src/components/Tabs/Home.svelte b/src/components/Tabs/Home.svelte
index 6a99b78..fb22f41 100644
--- a/src/components/Tabs/Home.svelte
+++ b/src/components/Tabs/Home.svelte
@@ -31,21 +31,19 @@
 </script>
 
 <div>
-  {#each Object.entries(homeActions) as [homeActionId, homeAction]}
-    {#each Array(50).fill(homeAction) as homeActionClone}
-      <button class:no-icons={!showIcons} on:click={() => homeActionClick(homeActionClone)} id={homeActionId}>
-        {#if showIcons}
-          <img
-            width="50"
-            height="50"
-            class="homeaction-icon"
-            alt="A decorative icon representing the home action"
-            src={"img/homeActions/" + homeAction.image}
-          />
-        {/if}
-        {homeAction.name}
-      </button>
-    {/each}
+  {#each Object.entries(homeActions) as [homeActionId, homeAction] (homeActionId)}
+    <button id={"home-action-" + homeActionId} class:no-icons={!showIcons} on:click={() => homeActionClick(homeAction)}>
+      {#if showIcons}
+        <img
+          width="50"
+          height="50"
+          class="homeaction-icon"
+          alt="A decorative icon representing the home action"
+          src={"img/homeActions/" + homeAction.image}
+        />
+      {/if}
+      {homeAction.name}
+    </button>
   {/each}
 </div>