Code cleanup, bug squashing

[bookstack] / resources / js / components / template-manager.js

diff --git a/resources/js/components/template-manager.js b/resources/js/components/template-manager.js
index d004a43076e2e788aa3983f08283eb304ee212a2..f8b19a40c86c5baf51d4239e887c55beba97c48b 100644 (file)
--- a/resources/js/components/template-manager.js
+++ b/resources/js/components/template-manager.js
@@ -56,6 +56,10 @@ class TemplateManager {
 
     setupSearchBox() {
         const searchBox = this.elem.querySelector('.search-box');
 
     setupSearchBox() {
         const searchBox = this.elem.querySelector('.search-box');

+
+        // Search box may not exist if there are no existing templates in the system.
+        if (!searchBox) return;
+

         const input = searchBox.querySelector('input');
         const submitButton = searchBox.querySelector('button');
         const cancelButton = searchBox.querySelector('button.search-box-cancel');
         const input = searchBox.querySelector('input');
         const submitButton = searchBox.querySelector('button');
         const cancelButton = searchBox.querySelector('button.search-box-cancel');


@@ -70,7 +74,7 @@ class TemplateManager {
         }
         performSearch = performSearch.bind(this);
 
         }
         performSearch = performSearch.bind(this);
 

-        // Searchbox enter press
+        // Search box enter press

         searchBox.addEventListener('keypress', event => {
             if (event.key === 'Enter') {
                 event.preventDefault();
         searchBox.addEventListener('keypress', event => {
             if (event.key === 'Enter') {
                 event.preventDefault();