From b90b397cefa4915a9d9a8525be833141c57cbb4e Mon Sep 17 00:00:00 2001
From: Tobias Berger <tobi.berger13@gmail.com>
Date: Sat, 2 Oct 2021 20:56:40 +0200
Subject: [PATCH] Add save reset

---
 src/App.svelte                                |  6 +++---
 src/components/Header.svelte                  |  3 ++-
 .../Modals/Base/ConfirmModal.svelte           | 20 +++++++++++++++++++
 .../{BaseModal.svelte => Base/Modal.svelte}   |  0
 src/components/Modals/HelpModal.svelte        |  2 +-
 src/components/Modals/ResetModal.svelte       | 18 +++++++++++++++++
 src/components/Modals/SettingsModal.svelte    |  2 +-
 src/shark/SaveHandler.ts                      | 10 ++++++++++
 8 files changed, 55 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Modals/Base/ConfirmModal.svelte
 rename src/components/Modals/{BaseModal.svelte => Base/Modal.svelte} (100%)
 create mode 100644 src/components/Modals/ResetModal.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 4652ecd..e313ddf 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -4,7 +4,7 @@
   import Wrapper from "./components/Wrapper.svelte";
   import { SharkGame } from "./shark/SharkGame";
 
-  import { Modals, closeModal } from "svelte-modals";
+  import { Modals, closeAllModals } from "svelte-modals";
   import { onDestroy, onMount } from "svelte";
   import type { Unsubscriber } from "svelte/store";
 
@@ -28,7 +28,7 @@
 
   function handleKeyUp(event: KeyboardEvent) {
     if (event.key === "Escape") {
-      closeModal();
+      closeAllModals();
     }
   }
 </script>
@@ -36,7 +36,7 @@
 <svelte:body on:keyup={handleKeyUp} />
 
 <Modals>
-  <div slot="backdrop" id="modal-backdrop" on:click={closeModal} />
+  <div slot="backdrop" id="modal-backdrop" on:click={closeAllModals} />
 </Modals>
 {#await SharkGame.initialize()}
   Loading...
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 1c5f366..3d5de22 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -4,6 +4,7 @@
 
   import SettingsModal from "./Modals/SettingsModal.svelte";
   import HelpModal from "./Modals/HelpModal.svelte";
+  import ResetModal from "./Modals/ResetModal.svelte";
 
   export let title: string;
   export let game: typeof SharkGame;
@@ -21,7 +22,7 @@
       openModal(HelpModal, { discordLink }, { replace: true });
     },
     reset() {
-      console.log("reset");
+      openModal(ResetModal, { game }, { replace: true });
     },
   };
   const otherHeaderButtons = {
diff --git a/src/components/Modals/Base/ConfirmModal.svelte b/src/components/Modals/Base/ConfirmModal.svelte
new file mode 100644
index 0000000..60c09b1
--- /dev/null
+++ b/src/components/Modals/Base/ConfirmModal.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { closeModal } from "svelte-modals";
+
+  import BaseModal from "./Modal.svelte";
+
+  export let isOpen: boolean;
+
+  export let confirm: () => void;
+  export let deny: () => void = closeModal;
+</script>
+
+<BaseModal {isOpen}>
+  <div id="confirm-modal">
+    <slot>Are you sure?</slot>
+    <div>
+      <button on:click={confirm}>Yes.</button>
+      <button on:click={deny}>No.</button>
+    </div>
+  </div>
+</BaseModal>
diff --git a/src/components/Modals/BaseModal.svelte b/src/components/Modals/Base/Modal.svelte
similarity index 100%
rename from src/components/Modals/BaseModal.svelte
rename to src/components/Modals/Base/Modal.svelte
diff --git a/src/components/Modals/HelpModal.svelte b/src/components/Modals/HelpModal.svelte
index d0bf4ce..3b721bd 100644
--- a/src/components/Modals/HelpModal.svelte
+++ b/src/components/Modals/HelpModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import BaseModal from "./BaseModal.svelte";
+  import BaseModal from "./Base/Modal.svelte";
 
   export let isOpen: boolean;
   export let discordLink: string;
diff --git a/src/components/Modals/ResetModal.svelte b/src/components/Modals/ResetModal.svelte
new file mode 100644
index 0000000..969f604
--- /dev/null
+++ b/src/components/Modals/ResetModal.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { closeAllModals } from "svelte-modals";
+
+  import type { SharkGame } from "../../shark/SharkGame";
+
+  import ConfirmModal from "./Base/ConfirmModal.svelte";
+
+  export let isOpen: boolean;
+  export let game: typeof SharkGame;
+</script>
+
+<ConfirmModal
+  {isOpen}
+  confirm={() => {
+    game.SaveHandler.reset();
+  }}
+  deny={closeAllModals}>Do you want to reset your save?</ConfirmModal
+>
diff --git a/src/components/Modals/SettingsModal.svelte b/src/components/Modals/SettingsModal.svelte
index 33f8e3b..630c3cd 100644
--- a/src/components/Modals/SettingsModal.svelte
+++ b/src/components/Modals/SettingsModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Settings } from "../../shark/Settings";
 
-  import BaseModal from "./BaseModal.svelte";
+  import BaseModal from "./Base/Modal.svelte";
 
   export let isOpen: boolean;
 
diff --git a/src/shark/SaveHandler.ts b/src/shark/SaveHandler.ts
index 216344d..59d223b 100644
--- a/src/shark/SaveHandler.ts
+++ b/src/shark/SaveHandler.ts
@@ -128,6 +128,16 @@ export class SaveHandler extends StaticClass {
     console.timeEnd("Done loading");
   }
 
+  static reset(): void {
+    const localSave = localStorage.getItem(SaveHandler.saveName);
+    if (localSave !== null) {
+      localStorage.setItem(SaveHandler.saveName + "-backup", localSave);
+    }
+
+    localStorage.removeItem(SaveHandler.saveName);
+    window.location.reload();
+  }
+
   static migrators: ((save: Save) => Save)[] = [
     (): Version1Save => {
       const newSave = {