From fd6f6f169f9ff9a1247228fb34dc9654a9584915 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Thu, 21 Mar 2024 11:23:42 -0400
Subject: fix bugs, redo layout, reorg.

---
 fe/src/lib/LoginForm.svelte | 86 ---------------------------------------------
 1 file changed, 86 deletions(-)
 delete mode 100644 fe/src/lib/LoginForm.svelte

(limited to 'fe/src/lib/LoginForm.svelte')

diff --git a/fe/src/lib/LoginForm.svelte b/fe/src/lib/LoginForm.svelte
deleted file mode 100644
index cf5febf..0000000
--- a/fe/src/lib/LoginForm.svelte
+++ /dev/null
@@ -1,86 +0,0 @@
-<script lang="ts">
-  import { token, user, preferences } from "../stores/auth";
-  import Card from "./Card.svelte";
-  import { apiURL } from "../utils";
-
-  let credentials: CredentialObject = {
-    username: "",
-    password: "",
-  };
-
-  let error: string | null = null;
-
-  interface CredentialObject {
-    username: string;
-    password: string;
-  }
-
-  function prepareCredentials({
-    username,
-    password,
-  }: CredentialObject): string {
-    return btoa(`${username}:${password}`);
-  }
-
-  async function onSubmit(e: Event) {
-    if (!credentials.username || !credentials.password) {
-      error = "please enter your username and password";
-      return;
-    }
-    const auth = prepareCredentials(credentials);
-
-    const response = await fetch(apiURL("auth"), {
-      method: "POST",
-      headers: {
-        Authorization: `Basic ${auth}`,
-      },
-    });
-
-    if (response.status === 401) {
-      error = "Your username or password is wrong";
-      return;
-    }
-
-    if (response.ok) {
-      const {
-        token: apiToken,
-        user: userData,
-        preferences: userPreferences,
-      } = await response.json();
-      user.setUser(userData);
-      preferences.setPreference(userPreferences);
-      token.authenticate(apiToken);
-    }
-
-    error = null;
-  }
-</script>
-
-<Card>
-  <form class="form" on:submit|preventDefault={onSubmit}>
-    <div class="form input group">
-      <label for="username">Username</label>
-      <input
-        bind:value={credentials.username}
-        id="username"
-        name="username"
-        type="text"
-        autocomplete="username"
-      />
-    </div>
-    <div class="form input group">
-      <label for="password">Password</label>
-      <input
-        bind:value={credentials.password}
-        id="password"
-        name="password"
-        type="password"
-        autocomplete="current-password"
-      />
-    </div>
-    {#if error}
-      <p class="error">{error}</p>
-    {/if}
-    <button type="submit">Log in</button>
-  </form>
-</Card>
-- 
cgit v1.1