💬 UserDetail - info Toasts

ref #12

src/components/UserDetail.svelte

@@ -4,6 +4,7 @@
   import store from "../store";
   import { UserService } from "@odit/lfk-client-js";
   import "gridjs/dist/theme/mermaid.css";
+  import Toastify from "toastify-js";
   import PromiseError from "./PromiseError.svelte";
   export let params;
   const user_promise = UserService.userControllerGetOne(params.userid);
@@ -21,12 +22,22 @@
     if (data_loaded === true && changes_performed === true) {
       console.log("ok, submitting...");
       console.log(editable_userdata);
+      Toastify({
+        text: $_("updating-user"),
+        duration: 2500,
+      }).showToast();
       UserService.userControllerPut(original_data.id, editable_userdata)
         .then((resp) => {
           console.log(resp);
           Object.assign(original_data, editable_userdata);
           original_data = editable_userdata;
           Object.assign(original_data, editable_userdata);
+          //
+          Toastify({
+            text: $_("user-updated"),
+            duration: 2500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();
         })
         .catch((err) => {
           console.log(err);

src/locales/en.json

@@ -117,6 +117,8 @@
     "track-length-in-m": "Track Length in m",
     "track-name": "Track name",
     "tracks": "Tracks",
+    "updating-user": "updating user...",
+    "user-updated": "User updated",
     "username": "Username",
     "users": "Users",
     "valid-email-is-required": "valid email is required",