removed blade and htmx

front/js/svelte/account/Verify.svelte

@@ -1,43 +1,42 @@
 <script>
-    import {getContext} from "svelte";
-    import SpinnerButton from "../common/SpinnerButton.svelte";
-    import SuccessAlert from "../common/SuccessAlert.svelte";
+    import { getContext } from "svelte";
+    import { apiPost } from "../../helpers";
 
     const channel = getContext("channel");
     export let email;
     export let token;
-    let successAlert;
 
     function login(e) {
         e.preventDefault();
 
-        axios
-            .post(channel.lucentUrl + "/verify", {
-                email: email,
-                token: token,
-            })
+        apiPost(channel.lucentUrl + "/verify", {
+            email: email,
+            token: token,
+        })
             .then((response) => {
                 window.location = channel.lucentUrl;
             })
-            .catch((error) => {
-            });
+            .catch((error) => {});
     }
-
 </script>
 
-<SuccessAlert bind:this={successAlert}/>
-<div class="wrapper-tiny">
-
-    <form on:submit={login}>
-        <div class="mb-3 text-center">
-            <h3>Login as {email}</h3>
-
+<div class="scope-login">
+    <div class="bg-image"></div>
+    <div class="login-form">
+        <div class="form">
+            <h2 class="mb-5">Welcome to Lucent</h2>
+            <form on:submit={login}>
+                <button class="bt bt-primary">
+                    Enter as {email}
+                    <img
+                        alt="indicator"
+                        id="indicator"
+                        class="htmx-indicator"
+                        src="/img/spinner.svg"
+                    />
+                </button>
+            </form>
+            <div class="form-errors"></div>
         </div>
-
-
-        <div class="text-center mt-5 d-block">
-            <SpinnerButton label="Enter"/>
-        </div>
-    </form>
-
+    </div>
 </div>