feat: Add addAdventure function to adventureService

The code changes include adding a new function called addAdventure to the adventureService module. This function is responsible for sending a POST request to the corresponding API endpoint to add a new adventure. If the request is successful, the adventure is added to the local plans array and a success toast is displayed. If the request fails, an error toast is displayed. This functionality allows users to add adventures to the planner page.

src/routes/planner/+page.svelte

@@ -7,6 +7,7 @@
   import {
     saveAdventure,
     removeAdventure,
+    addAdventure,
   } from "../../services/adventureService.js";
   import SucessToast from "$lib/components/SucessToast.svelte";
   import mapDrawing from "$lib/assets/adventure_map.svg";
@@ -76,40 +77,15 @@
     }
   }
 
-  const createNewAdventure = (event: { detail: Adventure }) => {
+  const createNewAdventure = async (event: { detail: Adventure }) => {
     isShowingMoreFields = false;
-    let detailAdventure = event.detail;
+    let newArray = await addAdventure(event.detail, plans);
-    console.log("Event" + event.detail.name);
+    if (newArray.length > 0) {
-
+      plans = newArray;
-    fetch("/api/planner", {
+      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
-        plans = [...plans, data.adventure];
-        // showToast("Adventure added successfully!");
-        // visitCount.update((n) => n + 1);
-      })
-      .catch((error) => {
-        console.error("Error:", error);
-        // showToast(error.message);
-      });
   };
 </script>
 

src/services/adventureService.ts

@@ -1,6 +1,8 @@
 import type { Adventure } from "$lib/utils/types";
 
-// json that maps the type to api routes
+/**
+ * Object containing the API routes for the different types of adventures.
+ */
 const apiRoutes: { [key: string]: string } = {
   planner: "/api/planner",
   mylog: "/api/visits",
@@ -50,6 +52,12 @@ export async function saveAdventure(
   return adventureArray;
 }
 
+/**
+ * Removes an adventure from the adventure array and sends a delete request to the server.
+ * @param adventure - The adventure to be removed.
+ * @param adventureArray - The array of adventures.
+ * @returns A promise that resolves to the updated adventure array.
+ */
 export async function removeAdventure(
   adventure: Adventure,
   adventureArray: Adventure[]
@@ -81,28 +89,33 @@ export async function removeAdventure(
 }
 
 /**
- * function removeAdventure(event: { detail: number }) {
+ * Adds an adventure to the adventure array and sends a POST request to the specified URL.
-    console.log("Event ID " + event.detail);
+ * @param {Adventure} adventure - The adventure to be added.
-    // send delete request to server at /api/visits
+ * @param {Adventure[]} adventureArray - The array of adventures.
-    fetch("/api/visits", {
+ * @returns {Promise<Adventure[]>} - A promise that resolves to the updated adventure array.
-      method: "DELETE",
+ */
-      headers: {
+export async function addAdventure(
-        "Content-Type": "application/json",
+  adventure: Adventure,
-      },
+  adventureArray: Adventure[]
-      body: JSON.stringify({ id: event.detail }),
+): Promise<Adventure[]> {
+  let url = apiRoutes[adventure.type];
+  let detailAdventure = adventure;
+  // post request to /api/visits with adventure data
+  const response = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ detailAdventure }),
+  })
+    .then((response) => response.json())
+    .then((data) => {
+      adventureArray.push(data.adventure);
     })
-      .then((response) => response.json())
+    .catch((error) => {
-      .then((data) => {
+      console.error("Error:", error);
-        console.log("Success:", data);
+      return [];
-        // remove adventure from array where id matches
+    });
-        plans = plans.filter((adventure) => adventure.id !== event.detail);
+
-        // showToast("Adventure removed successfully!");
+  return adventureArray;
-        // visitCount.update((n) => n - 1);
+}
-      })
-      .catch((error) => {
-        console.error("Error:", error);
-      });
-  }
- * 
- * 
-    */