account refactor

front/js/svelte/account/Profile.svelte

@@ -3,23 +3,25 @@
     import SpinnerButton from "../common/SpinnerButton.svelte";
     import Avatar from "./Avatar.svelte";
     import {getContext} from "svelte";
+    import SuccessAlert from "../common/SuccessAlert.svelte";
 
     const user = getContext("user");
     const channel = getContext("channel");
     let name = user.name;
     let email = user.email;
     let errorMessage = "";
+    let successAlert;
 
     function saveName(e) {
         e.preventDefault();
         errorMessage = "";
 
         axios
-            .post("/account/update-name", {
+            .post(channel.lucentUrl + "/account/update-name", {
                 name: name,
             })
             .then((response) => {
-                // window.reload();
+                successAlert.show();
             })
             .catch((error) => {
                 errorMessage = error.response?.data.error;
@@ -32,11 +34,11 @@
         errorMessage = "";
 
         axios
-            .post("/account/update-email", {
+            .post(channel.lucentUrl + "/account/update-email", {
                 email: email,
             })
             .then((response) => {
-                // window.reload();
+                successAlert.show();
             })
             .catch((error) => {
                 errorMessage = error.response?.data.error;
@@ -48,22 +50,38 @@
 
 <div class="wrapper-tiny">
     <ErrorAlert message={errorMessage}/>
+    <SuccessAlert bind:this={successAlert} />
     <h3 class="header-small mb-5">
         <Avatar name={user.name}/>
     </h3>
     <form on:submit={saveName}>
         <div class="input-group mb-3">
             <input
-                type="text"
-                bind:value={name}
-                class="form-control"
-                placeholder="Name"
+                    type="text"
+                    bind:value={name}
+                    class="form-control"
+                    placeholder="Name"
+                    required
+            />
+            <SpinnerButton label="Update"/>
+        </div>
+    </form>
+
+    <form on:submit={saveEmail}>
+        <div class="input-group mb-3">
+            <input
+                    type="email"
+                    bind:value={email}
+                    class="form-control"
+                    placeholder="Email"
+                    required
             />
             <SpinnerButton label="Update"/>
         </div>
     </form>
 
     <div class="list-group">
-        <a class="list-group-item list-group-item-action" href="{ channel.lucentUrl }/logout">Logout from this device</a>
+        <a class="list-group-item list-group-item-action" href="{ channel.lucentUrl }/logout">Logout from this
+            device</a>
     </div>
 </div>