removed lodash and axios

front/js/svelte/members/Members.svelte

@@ -3,9 +3,8 @@
     import SuccessAlert from "../common/SuccessAlert.svelte";
     import SpinnerButton from "../common/SpinnerButton.svelte";
     import MemberSettingsCard from "./MemberSettingsCard.svelte";
-    import {getContext} from "svelte";
-    import axios from "axios";
-
+    import { getContext } from "svelte";
+    import { apiPost } from "../../helpers";
 
     const channel = getContext("channel");
     export let users;
@@ -23,15 +22,14 @@
     function invite(newName, newEmail, newRole) {
         errorMessage = "";
 
-        axios
-            .post(channel.lucentUrl + "/members/invite", {
-                name: newName,
-                email: newEmail,
-                roles: [newRole],
-            })
+        apiPost(channel.lucentUrl + "/members/invite", {
+            name: newName,
+            email: newEmail,
+            roles: [newRole],
+        })
             .then((response) => {
                 successAlert.show("User was invited");
-                users = [...users, response.data.user];
+                users = [...users, response.user];
                 name = null;
                 email = null;
                 role = null;
@@ -45,14 +43,13 @@
         e.preventDefault();
         errorMessage = "";
 
-        axios
-            .post(channel.lucentUrl + "/members/update", {
-                id: e.detail.user,
-                roles: e.detail.roles,
-            })
+        apiPost(channel.lucentUrl + "/members/update", {
+            id: e.detail.user,
+            roles: e.detail.roles,
+        })
             .then((response) => {
                 successAlert.show("Users updated");
-                users = response.data.users;
+                users = response.users;
             })
             .catch((error) => {
                 errorMessage = error.response?.data?.error ?? "";
@@ -63,50 +60,45 @@
 <div class="common-wrapper">
     <div class="lx-card mt-5">
         <h3 class="header-small mb-5">Invite people</h3>
-        <ErrorAlert message={errorMessage}/>
-        <SuccessAlert bind:this={successAlert}/>
+        <ErrorAlert message={errorMessage} />
+        <SuccessAlert bind:this={successAlert} />
 
         <form on:submit={submitInvite}>
             <div class="mb-3">
-                <label for="inviteeName" class="form-label"
-                >Invitee Name</label
-                >
+                <label for="inviteeName" class="form-label">Invitee Name</label>
                 <input
-                        type="text"
-                        bind:value={name}
-                        class="form-control"
-                        id="inviteeName"
-                        placeholder="Member name"
-                        required
+                    type="text"
+                    bind:value={name}
+                    class="form-control"
+                    id="inviteeName"
+                    placeholder="Member name"
+                    required
                 />
             </div>
             <div class="mb-3">
                 <label for="inviteeEmail" class="form-label"
-                >Invitee Email Address</label
+                    >Invitee Email Address</label
                 >
                 <input
-                        type="email"
-                        bind:value={email}
-                        class="form-control"
-                        id="inviteeEmail"
-                        placeholder="Member email"
-                        required
+                    type="email"
+                    bind:value={email}
+                    class="form-control"
+                    id="inviteeEmail"
+                    placeholder="Member email"
+                    required
                 />
             </div>
 
             <div class="me-3">
                 <select bind:value={role}>
                     {#each channel.roles.filter((r) => r !== "removed") as arole}
-                        <option
-                                value={arole}
-
-                        >{arole}</option>
+                        <option value={arole}>{arole}</option>
                     {/each}
                 </select>
             </div>
 
             <div class="mt-5 d-block text-center">
-                <SpinnerButton label="Invite"/>
+                <SpinnerButton label="Invite" />
             </div>
         </form>
     </div>
@@ -115,10 +107,10 @@
         <h3 class="header-small mb-5 mt-5">Members</h3>
         {#each users as user}
             <MemberSettingsCard
-                    member={user}
-                    roles={channel.roles}
-                    on:update={update}
-                    on:reinvite={(e) => invite(e.detail.email, e.detail.role)}
+                member={user}
+                roles={channel.roles}
+                on:update={update}
+                on:reinvite={(e) => invite(e.detail.email, e.detail.role)}
             />
         {/each}
     </div>