sanitize aliases response, hide delete button for non-prefereable domain aliases

public/index.js

@@ -31,29 +31,17 @@ function renderAliases(aliases) {
             const tdCreated = document.createElement('td')
             tdCreated.innerText = alias.created
             const tdActions = document.createElement('td')
-            const aDelete = document.createElement('a')
 
-            aDelete.addEventListener('click', async () => {
-                const res = await fetch(`/aliases/${alias.id}`, {
-                    method: 'DELETE'
-                })
+            const deleteButton = createDeleteButton(alias)
 
-                if (res.ok) {
-                    const data = await res.json()
-                    renderAliases(data)
-                    return
-                }
-            })
-
-            aDelete.classList.add('btn', 'btn-danger')
-            aDelete.innerText = 'Delete'
-            tdActions.appendChild(aDelete)
+            tdActions.appendChild(deleteButton)
 
             tr.appendChild(tdAddress)
             tr.appendChild(tdCreated)
             tr.appendChild(tdActions)
             tbody.appendChild(tr)
         })
+
     table.appendChild(tbody)
 
     dataContainer.innerHTML = ''
@@ -62,6 +50,32 @@ function renderAliases(aliases) {
     renderCreateButton();
 }
 
+function createDeleteButton(alias) {
+    const deleteButton = document.createElement('a')
+    deleteButton.classList.add('btn', 'btn-danger')
+
+    if (!alias.id) {
+        deleteButton.classList.add('disabled')
+    } else {
+
+        deleteButton.addEventListener('click', async () => {
+            const res = await fetch(`/aliases/${alias.id}`, {
+                method: 'DELETE'
+            })
+
+            if (res.ok) {
+                const data = await res.json()
+                renderAliases(data)
+                return
+            }
+        })
+    }
+
+    deleteButton.innerText = 'Delete'
+
+    return deleteButton
+}
+
 function renderCreateButton() {
     const dataContainer = document.getElementById('container')
     const button = document.createElement('a')