removed lodash and axios

front/js/svelte/account/Profile.svelte

@@ -2,8 +2,9 @@
     import ErrorAlert from "../common/ErrorAlert.svelte";
     import SpinnerButton from "../common/SpinnerButton.svelte";
     import Avatar from "./Avatar.svelte";
-    import {getContext} from "svelte";
+    import { getContext } from "svelte";
     import SuccessAlert from "../common/SuccessAlert.svelte";
+    import { apiPost } from "../../helpers";
 
     const user = getContext("user");
     const channel = getContext("channel");
@@ -16,16 +17,15 @@
         e.preventDefault();
         errorMessage = "";
 
-        axios
-            .post(channel.lucentUrl + "/account/update-name", {
-                name: name,
-            })
+        apiPost(channel.lucentUrl + "/account/update-name", {
+            name: name,
+        })
             .then((response) => {
                 successAlert.show();
             })
             .catch((error) => {
                 errorMessage = error.response?.data.error;
-                console.log({errorMessage});
+                console.log({ errorMessage });
             });
     }
 
@@ -33,55 +33,55 @@
         e.preventDefault();
         errorMessage = "";
 
-        axios
-            .post(channel.lucentUrl + "/account/update-email", {
-                email: email,
-            })
+        apiPost(channel.lucentUrl + "/account/update-email", {
+            email: email,
+        })
             .then((response) => {
                 successAlert.show();
             })
             .catch((error) => {
                 errorMessage = error.response?.data.error;
-                console.log({errorMessage});
+                console.log({ errorMessage });
             });
     }
 </script>
 
-
 <div class="wrapper-tiny">
-    <ErrorAlert message={errorMessage}/>
+    <ErrorAlert message={errorMessage} />
     <SuccessAlert bind:this={successAlert} />
     <h3 class="header-small mb-5">
-        <Avatar name={user.name}/>
+        <Avatar name={user.name} />
     </h3>
     <form on:submit={saveName}>
         <div class="input-group mb-5">
             <input
-                    type="text"
-                    bind:value={name}
-                    class="form-control mb-3"
-                    placeholder="Name"
-                    required
+                type="text"
+                bind:value={name}
+                class="form-control mb-3"
+                placeholder="Name"
+                required
             />
-            <SpinnerButton label="Update Name"/>
+            <SpinnerButton label="Update Name" />
         </div>
     </form>
 
     <form on:submit={saveEmail}>
         <div class="input-group mb-5">
             <input
-                    type="email"
-                    bind:value={email}
-                    class="form-control mb-3"
-                    placeholder="Email"
-                    required
+                type="email"
+                bind:value={email}
+                class="form-control mb-3"
+                placeholder="Email"
+                required
             />
-            <SpinnerButton label="Update Email"/>
+            <SpinnerButton label="Update Email" />
         </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>

front/js/svelte/account/Register.svelte

@@ -1,7 +1,8 @@
 <script>
+    import { apiPost } from "../../helpers";
     import ErrorAlert from "../common/ErrorAlert.svelte";
     import SpinnerButton from "../common/SpinnerButton.svelte";
-    import {getContext} from "svelte";
+    import { getContext } from "svelte";
 
     const channel = getContext("channel");
     let name = "";
@@ -12,48 +13,45 @@
         e.preventDefault();
         errorMessage = "";
 
-        axios
-            .post(channel.lucentUrl + "/register", {
-                name: name,
-                email: email,
-            })
+        apiPost(channel.lucentUrl + "/register", {
+            name: name,
+            email: email,
+        })
             .then(() => {
                 window.location = channel.lucentUrl + "/login";
             })
             .catch((error) => {
                 errorMessage = error.response?.data.error;
-                console.log({errorMessage});
+                console.log({ errorMessage });
             });
     }
 </script>
 
 <div class="wrapper-tiny">
-    <ErrorAlert message={errorMessage}/>
+    <ErrorAlert message={errorMessage} />
 
     <form on:submit={register}>
         <div class="mb-3">
             <label for="name" class="form-label">Name</label>
             <input
-                    type="text"
-                    bind:value={name}
-                    class="form-control"
-                    id="name"
+                type="text"
+                bind:value={name}
+                class="form-control"
+                id="name"
             />
         </div>
         <div class="mb-3">
             <label for="email" class="form-label">Email address</label>
             <input
-                    type="email"
-                    bind:value={email}
-                    class="form-control"
-                    id="email"
+                type="email"
+                bind:value={email}
+                class="form-control"
+                id="email"
             />
         </div>
 
-
         <div class="text-center mt-5 d-block">
-            <SpinnerButton label="Register"/>
+            <SpinnerButton label="Register" />
         </div>
     </form>
-
 </div>