DB restructure, print page

app/javascript/controllers/add_exception_item_controller.js

@@ -4,9 +4,10 @@ export default class extends Controller {
     static targets = ["exceptionItemTemplate", "exceptionItemContainer", "exceptionItem", "exceptionItemButton"]
 
     connect() {
-        const content = this.#newExemptionItem()
-
-        this.exceptionItemButtonTarget.insertAdjacentHTML('beforebegin', content);
+        if (this.exceptionItemTargets.length > 0) {
+            const content = this.#newExemptionItem()
+            this.exceptionItemButtonTarget.insertAdjacentHTML('beforebegin', content);
+        }
     }
 
     addExemptionItem(event) {
@@ -36,6 +37,7 @@ export default class extends Controller {
 
     #newExemptionItem() {
         const nextIndex = this.exceptionItemTargets.length
+        console.log(nextIndex)
         const buttonElement = this.exceptionItemButtonTarget;
     
         // Get the computed style (returns rgb/rgba value)