tracking down errors in inputHtmlMenu

Author: chdavis0917

src/components/left-sidebar/ComponentTab/InputHTMLMenu.vue

@@ -377,23 +377,23 @@ const updateComponentLayer: typeof store.updateComponentLayer = (payload) => sto
 const updateHTMLLayer: typeof store.updateHtmlLayer = (payload) => store.updateHtmlLayer(payload);
 const addBindingText: typeof store.addBindingText = (payload) => store.addBindingText(payload);
 
-const submitClass = (element: string, idNum: string) => {
+const submitClass = (element: string, idNum: number) => {
   if (element === "") {
     return;
   }
-  let payload: {class: string; id: string} = {
+  let payload: {class: string; id: number} = {
     class: element,
     id: idNum,
   };
   addActiveComponentClass(payload);
   classText.value = "";
 };
 
-const submitNote = (element: string, idNum: string) => {
+const submitNote = (element: string, idNum: number) => {
   if (element === "") {
     return;
   }
-  let payload : {note: string; id: string} = {
+  let payload : {note: string; id: number} = {
     note: element,
     id: idNum,
   };
@@ -402,18 +402,18 @@ const submitNote = (element: string, idNum: string) => {
   noteText.value = "";
 };
 
-const submitHeight = (element: string, idNum: string) => {
+const submitHeight = (element: string, idNum: number) => {
   if (element === "") {
     return;
   }
-  let payload: {height: string; id: string} = {
+  let payload: {height: string; id: number} = {
     height: element,
     id: idNum,
   };
   addActiveComponentHeight(payload);
 };
 
-const submitWidth = (element: string, idNum: string) => {
+const submitWidth = (element: string, idNum: number) => {
   if (element === "") {
     return;
   }
@@ -424,22 +424,22 @@ const submitWidth = (element: string, idNum: string) => {
   addActiveComponentWidth(payload);
 };
 
-const submitTop = (element: string, idNum: string) => {
+const submitTop = (element: string, idNum: number) => {
   if (element === "") {
     return;
   }
-  let payload : {top: string; id: string} = {
+  let payload : {top: string; id: number} = {
     top: element,
     id: idNum,
   };
   addActiveComponentTop(payload);
 };
 
-const submitLeft = (element: string, idNum: string) => {
+const submitLeft = (element: string, idNum: number) => {
   if (element === "") {
     return;
   }
-  let payload : {left: string; id: string} = {
+  let payload : {left: string; id: number} = {
     left: element,
     id: idNum,
   };

src/components/right-sidebar/HTMLQueue.vue

@@ -247,11 +247,11 @@ const submitClass = (element: string, idNum: string) => {
   classText.value = "";
 };
 
-const addBinding = (input: string, idNum: string) => {
+const addBinding = (input: string, idNum: number) => {
   if (input === "") {
     return;
   }
-  const payload = {
+  const payload  : {binding: string, id: number} = {
     binding: input,
     id: idNum,
   };

types.ts

@@ -183,8 +183,8 @@ export type Actions = {
   openColorModal: () => void;
   openNoteModal: () => void;
   openAttributeModal: (payload: { text: string, id: string }) => void;
-  addActiveComponentClass: (payload: { id: string; class: string }) => void;
-  addBindingText: (payload: { id: string; binding: string }) => void;
+  addActiveComponentClass: (payload: { id: string; class: string | number }) => void;
+  addBindingText: (payload: { id: string; binding: number }) => void;
   deleteActiveComponentClass: (payload: string) => void;
   addActiveComponentHeight: (payload: { id: string; height: string }) => void;
   addActiveComponentWidth: (payload: { id: string; width: string }) => void;
@@ -193,7 +193,7 @@ export type Actions = {
   //unsure of below
   addActiveComponentElementNote: (payload: {
     id: string;
-    note: string;
+    note: number;
   }) => void;
   addProject: (payload: {
     filename: string;
@@ -249,8 +249,8 @@ export type HtmlElement = {
   z: number;
   w: number;
   h: number;
-  note: string;
-  binding: string;
+  note: number;
+  binding: number;
 };
 
 // Type for saved projects obj