Merge branch 'prop/global-state-at-top-level'

1 files changed, 4 insertions, 14 deletions

diff --git a/ui/routes/(login)/login/+page.svelte b/ui/routes/(login)/login/+page.svelte
index 9157cef..b1f7cf2 100644
--- a/ui/routes/(login)/login/+page.svelte
+++ b/ui/routes/(login)/login/+page.svelte
@@ -1,25 +1,15 @@
 <script>
   import { goto } from '$app/navigation';
-  import { logIn } from '$lib/apiServer';
+  import * as api from '$lib/apiServer';
 
   import LogIn from '$lib/components/LogIn.svelte';
 
-  let username = '',
-    password = '';
-  let pending = false;
-  $: disabled = pending;
-
-  async function onSubmit(event) {
-    event.preventDefault();
-    pending = true;
-    const response = await logIn(username, password);
+  async function logIn(username, password) {
+    const response = await api.logIn(username, password);
     if (200 <= response.status && response.status < 300) {
-      username = '';
-      password = '';
       await goto('/');
     }
-    pending = false;
   }
 </script>
 
-<LogIn {disabled} bind:username bind:password onsubmit={onSubmit} />
+<LogIn {logIn} />