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/PreferencesForm.svelte | 119 --------------------------------------
 1 file changed, 119 deletions(-)
 delete mode 100644 fe/src/lib/PreferencesForm.svelte

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

diff --git a/fe/src/lib/PreferencesForm.svelte b/fe/src/lib/PreferencesForm.svelte
deleted file mode 100644
index 74b8a63..0000000
--- a/fe/src/lib/PreferencesForm.svelte
+++ /dev/null
@@ -1,119 +0,0 @@
-<script lang="ts">
-  import { user, preferences, token } from "../stores/auth";
-  import { createEventDispatcher, onDestroy, onMount } from "svelte";
-  import type { User } from "../types";
-  import { apiURL } from "../utils";
-
-  export let open: boolean;
-
-  let sizes: Array<any>;
-  let selectedSize: number = 1;
-  let color: string = "#000000";
-
-  const dispatch = createEventDispatcher();
-
-  const unsubscribe = preferences.subscribe(
-    (value: any) => {
-      if (value) {
-        color = value.color;
-        selectedSize = value.size_id;
-      }
-    },
-  );
-
-  function closeDialog() {
-    dispatch("close");
-  }
-
-  async function updateUserPreferences() {
-    const res = await fetch(apiURL("user/preferences"), {
-      method: "PATCH",
-      headers: {
-        Authorization: `Bearer ${$token}`,
-      },
-      body: JSON.stringify($preferences),
-    });
-  }
-
-  async function getUserPreferences() {
-    const res = await fetch(apiURL(`user/${($user as User)!.id}/preferences`),
-      {
-        method: "GET",
-        headers: {
-          Authorization: `Bearer ${$token}`,
-        },
-      },
-    );
-    const updatePreferences = await res.json();
-    preferences.set(updatePreferences);
-  }
-
-  async function onPreferencesSave(): Promise<void> {
-    preferences.update((value) => ({
-      ...value!,
-      size_id: selectedSize,
-      color: color,
-    }));
-
-    await updateUserPreferences();
-    await getUserPreferences();
-
-    dispatch("close");
-  }
-
-  onMount(() => {
-    fetch(apiURL("sizes"), {
-      method: "GET",
-      headers: {
-        Authorization: `Bearer ${$token}`,
-      },
-    })
-      .then((res) => res.json())
-      .then((val) => (sizes = val));
-  });
-
-  onDestroy(() => {
-    unsubscribe();
-  });
-</script>
-
-<dialog {open} on:submit|preventDefault={onPreferencesSave}>
-  <h2>User Preferences</h2>
-  <form method="dialog">
-    <div class="form input group">
-      <label for="color">Color</label>
-      <input
-        id="color"
-        name="color"
-        type="color"
-        bind:value={color}
-      />
-    </div>
-    <div class="form input group">
-      <label for="size">Bottle Size</label>
-      <select
-        bind:value={selectedSize}
-      >
-        {#if sizes}
-          {#each sizes as size}
-            <option value={size.id}>{size.size} {size.unit}</option>
-          {/each}
-        {/if}
-      </select>
-    </div>
-    <button on:click={closeDialog}>Cancel</button>
-    <button type="submit">Save</button>
-  </form>
-</dialog>
-
-<style>
-  dialog {
-    background: white;
-    color: black;
-  }
-
-  input[type="color"] {
-    width: 4em;
-    height: 4em;
-  }
-</style>
-- 
cgit v1.1