diff --git a/frontend/src/components/manage/MultiPanelCreationForm.svelte b/frontend/src/components/manage/MultiPanelCreationForm.svelte
index ef4c2cf..e906f7a 100644
--- a/frontend/src/components/manage/MultiPanelCreationForm.svelte
+++ b/frontend/src/components/manage/MultiPanelCreationForm.svelte
@@ -56,7 +56,6 @@
     import Button from "../Button.svelte";
 
     export let data;
-    $: data, console.log(data);
 
     export let guildId;
     export let channels = [];
diff --git a/frontend/src/views/Panels.svelte b/frontend/src/views/Panels.svelte
index 0251804..5b2d0b9 100644
--- a/frontend/src/views/Panels.svelte
+++ b/frontend/src/views/Panels.svelte
@@ -162,7 +162,6 @@
     }
 
     function openMultiEditModal(id) {
-        console.log(multiPanels)
         multiPanelEditData = multiPanels.find((mp) => mp.id === id);
         multiEditModal = true;
     }
@@ -208,8 +207,12 @@
     }
 
     async function createPanel() {
-        let mapped = panels = panelCreateData.map((p) => Object.assign({}, p, {
-          form_id: p.form_id === "null" ? null : parseInt(p.form_id)
+        let mapped = Object.fromEntries(Object.entries(panelCreateData).map(([k, v]) => {
+            if (v === "null") {
+                return [k, null];
+            } else {
+                return [k, v];
+            }
         }));
 
         const res = await axios.post(`${API_URL}/api/${guildId}/panels`, mapped);