error modal is actually closable

scripts/modal/common/error.js

@@ -1,13 +1,21 @@
-const preModal = require("../pre");
+const mousetrap = require('../../dep/mousetrap');
+
+const lightRefresh = require('../../fileview/lightrefresh');
+const preModal = require('../pre');
 const postModal = require('../post');
 
 module.exports = (name, text, after = () => {}) => {
-    preModal('error-modal');
+    if (window.kade.modal) {return;}
+    preModal('error-modal-container');
+    let modalOut = document.createElement('div');
+    modalOut.className = 'modal';
+    modalOut.id = 'error-modal-container'
+    document.body.appendChild(modalOut);
     let modal = document.createElement('div');
-    modal.className = 'modal';
+    modal.className = 'modal-wrapper';
+    modalOut.appendChild(modal);
     modal.classList.add('error-modal');
     modal.id = 'error-modal';
-    document.body.appendChild(modal);
     let title = document.createElement('h2');
     title.innerHTML = `Error - ${name}`;
     modal.appendChild(title);
@@ -16,4 +24,21 @@ module.exports = (name, text, after = () => {}) => {
     modal.appendChild(err);
     after('error-modal');
     postModal();
-};
+    let msm = new mousetrap(modal);
+    msm.bind('esc', () => {
+        lightRefresh();
+        modalOut.remove();
+        postModal(modalOut.id);
+    });
+    let close = document.createElement('a');
+    close.className = 'close-button';
+    close.onclick = () => {
+        lightRefresh();
+        modalOut.remove();
+        postModal(modalOut.id);
+    };
+    let closeWrap = document.createElement('div');
+    closeWrap.className = 'close-button-wrapper';
+    modal.appendChild(closeWrap);
+    closeWrap.appendChild(close);
+}

styles/modal.css

@@ -60,8 +60,6 @@
     z-index: 2;
 }
 
-.error-modal {max-width: 45%;}
-
 .modal-wrapper {
     margin: 0 0;
     padding: 0 0;