From 734ca2567a8ed0068f5d8aa337a388bda06e42ac Mon Sep 17 00:00:00 2001
From: rxdn <29165304+rxdn@users.noreply.github.com>
Date: Fri, 3 Sep 2021 18:59:49 +0100
Subject: [PATCH] Map

---
 frontend/src/components/SimplePanelDropdown.svelte |  9 ++++++++-
 frontend/src/components/manage/SettingsCard.svelte | 14 ++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/SimplePanelDropdown.svelte b/frontend/src/components/SimplePanelDropdown.svelte
index 8bbee25..1453cc0 100644
--- a/frontend/src/components/SimplePanelDropdown.svelte
+++ b/frontend/src/components/SimplePanelDropdown.svelte
@@ -1,6 +1,12 @@
 <Dropdown {col1} {col2} {col3} {col4} bind:value label={label}>
+  {#if allowNone}
+    <option value=null>
+      None
+    </option>
+  {/if}
+
   {#each panels as panel}
-    <option value="{panel.panel_id}">
+    <option value={panel.panel_id}>
       {panel.title}
     </option>
   {/each}
@@ -11,6 +17,7 @@
 
     export let value;
     export let label;
+    export let allowNone = false;
     export let panels = [];
 
     export let col1 = false;
diff --git a/frontend/src/components/manage/SettingsCard.svelte b/frontend/src/components/manage/SettingsCard.svelte
index 7d85d07..59b2c07 100644
--- a/frontend/src/components/manage/SettingsCard.svelte
+++ b/frontend/src/components/manage/SettingsCard.svelte
@@ -35,7 +35,7 @@
           </Dropdown>
 
           <Checkbox label="Add Message Sender To Ticket" col3={true} bind:value={data.context_menu_add_sender} />
-          <SimplePanelDropdown label="Use Settings From Panel" col3={true} bind:panels bind:value={data.context_menu_panel} />
+          <SimplePanelDropdown label="Use Settings From Panel" col3={true} allowNone={true} bind:panels bind:value={data.context_menu_panel} />
         </div>
       </div>
       <div class="row">
@@ -100,7 +100,17 @@
     };
 
     async function updateSettings() {
-        const res = await axios.post(`${API_URL}/api/${guildId}/settings`, data);
+        // Svelte hack
+        let mapped = Object.fromEntries(Object.entries(data).map(([k,v]) => {
+            if(v === "null") {
+                return [k, null];
+            } else {
+                return [k,v];
+            }
+        }));
+
+
+        const res = await axios.post(`${API_URL}/api/${guildId}/settings`, mapped);
         if (res.status === 200) {
             if (showValidations(res.data)) {
                 notifySuccess('Your settings have been saved.');