feat: Add addAdventure, removeAdventure, and saveAdventure functions

The code changes include adding the addAdventure, removeAdventure, and saveAdventure functions to the +page.svelte file and adventureService.js module. These functions handle the API requests for adding, removing, and saving adventures respectively. They update the local plans array based on the API response and display appropriate toast messages. These changes enhance the functionality of the planner page by allowing users to add, remove, and save adventures.

src/routes/log/+page.svelte

@@ -14,6 +14,11 @@
   import { generateRandomString } from "$lib";
   import { visitCount } from "$lib/utils/stores/visitCountStore";
   import MoreFieldsInput from "$lib/components/CreateNewAdventure.svelte";
+  import {
+    addAdventure,
+    removeAdventure,
+    saveAdventure,
+  } from "../../services/adventureService.js";
 
   let isShowingMoreFields = false;
 
@@ -56,72 +61,26 @@
     URL.revokeObjectURL(url);
   }
 
-  const createNewAdventure = (event: { detail: Adventure }) => {
+  const createNewAdventure = async (event: { detail: Adventure }) => {
     isShowingMoreFields = false;
-    let detailAdventure = event.detail;
+    let newArray = await addAdventure(event.detail, adventures);
-    console.log("Event" + event.detail.name);
+    if (newArray.length > 0) {
-
+      adventures = newArray;
-    fetch("/api/visits", {
+      showToast("Adventure added successfully!");
-      method: "POST",
+    } else {
-      headers: {
+      showToast("Failed to add adventure");
-        "Content-Type": "application/json",
+    }
-      },
-      body: JSON.stringify({
-        detailAdventure,
-      }),
-    })
-      .then((response) => {
-        if (!response.ok) {
-          return response.json().then((data) => {
-            throw new Error(
-              data.error || `Failed to add adventure - ${data?.message}`
-            );
-          });
-        }
-        return response.json();
-      })
-      .then((data) => {
-        // add to local array for instant view update
-        adventures = [...adventures, data.adventure];
-        showToast("Adventure added successfully!");
-        visitCount.update((n) => n + 1);
-      })
-      .catch((error) => {
-        console.error("Error:", error);
-        showToast(error.message);
-      });
   };
 
-  function saveAdventure(event: { detail: Adventure }) {
+  async function save(event: { detail: Adventure }) {
-    console.log("Event", event.detail);
+    let newArray = await saveAdventure(event.detail, adventures);
-    let detailAdventure = event.detail;
+    if (newArray.length > 0) {
-
+      adventures = newArray;
-    // put request to /api/visits with id and adventure data
+      showToast("Adventure updated successfully!");
-    fetch("/api/visits", {
+    } else {
-      method: "PUT",
+      showToast("Failed to update adventure");
-      headers: {
+    }
-        "Content-Type": "application/json",
+    adventureToEdit = undefined;
-      },
-      body: JSON.stringify({
-        detailAdventure,
-      }),
-    })
-      .then((response) => response.json())
-      .then((data) => {
-        console.log("Success:", data);
-        // update local array with new data
-        const index = adventures.findIndex(
-          (adventure) => adventure.id === detailAdventure.id
-        );
-        if (index !== -1) {
-          adventures[index] = detailAdventure;
-        }
-        adventureToEdit = undefined;
-        showToast("Adventure edited successfully!");
-      })
-      .catch((error) => {
-        console.error("Error:", error);
-      });
   }
 
   function editAdventure(event: { detail: number }) {
@@ -186,29 +145,20 @@
       });
   }
 
-  function removeAdventure(event: { detail: number }) {
+  async function remove(event: { detail: number }) {
-    console.log("Event ID " + event.detail);
+    let initialLength: number = adventures.length;
-    // send delete request to server at /api/visits
+    let theAdventure = adventures.find(
-    fetch("/api/visits", {
+      (adventure) => adventure.id === event.detail
-      method: "DELETE",
+    );
-      headers: {
+    if (theAdventure) {
-        "Content-Type": "application/json",
+      let newArray = await removeAdventure(theAdventure, adventures);
-      },
+      if (newArray.length === initialLength - 1) {
-      body: JSON.stringify({ id: event.detail }),
+        adventures = newArray;
-    })
-      .then((response) => response.json())
-      .then((data) => {
-        console.log("Success:", data);
-        // remove adventure from array where id matches
-        adventures = adventures.filter(
-          (adventure) => adventure.id !== event.detail
-        );
         showToast("Adventure removed successfully!");
-        visitCount.update((n) => n - 1);
+      } else {
-      })
+        showToast("Failed to remove adventure");
-      .catch((error) => {
+      }
-        console.error("Error:", error);
+    }
-      });
   }
 </script>
 
@@ -254,11 +204,7 @@
 {/if}
 
 {#if adventureToEdit && adventureToEdit.id != undefined}
-  <EditModal
+  <EditModal bind:adventureToEdit on:submit={save} on:close={handleClose} />
-    bind:adventureToEdit
-    on:submit={saveAdventure}
-    on:close={handleClose}
-  />
 {/if}
 
 <div
@@ -269,7 +215,7 @@
       {adventure}
       type="mylog"
       on:edit={editAdventure}
-      on:remove={removeAdventure}
+      on:remove={remove}
     />
   {/each}
 </div>