src/components/AddTrackModal.svelte

@@ -3,8 +3,40 @@
   let trackname_input;
   let trackname_input_value;
   let tracklength;
+  import { TrackService } from "@odit/lfk-client-js";
   export let modal_open;
+  let processed_last_submit = true;
+  import Toastify from "toastify-js";
+  import "toastify-js/src/toastify.css";
   function submit() {
+    if (processed_last_submit === true) {
+      processed_last_submit = false;
+      const toast = Toastify({
+        text: "Track is being added...",
+        duration: -1,
+      }).showToast();
+      TrackService.trackControllerPost({
+        distance: parseInt(tracklength),
+        name: trackname_input_value,
+      })
+        .then((result) => {
+          console.log(result);
+          Toastify({
+            text: "Track added",
+            duration: 500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();
+          modal_open = false;
+        })
+        .catch((err) => {
+          //
+        })
+        .finally(() => {
+          processed_last_submit = true;
+          //
+          toast.hideToast();
+        });
+    }
   }
 </script>