Handle blank search terms

diff --git a/flatnotes/src/components/SearchInput.vue b/flatnotes/src/components/SearchInput.vue
index a02490864dfd7c1cf10ea816b09b35eeb6e664a0..06d0e907ed86a242c5f63c689751ca175822b1e4 100644 (file)
--- a/flatnotes/src/components/SearchInput.vue
+++ b/flatnotes/src/components/SearchInput.vue
@@ -44,12 +44,22 @@ export default {
 
   methods: {
     search: function () {
-      EventBus.$emit(
-        "navigate",
-        `/${constants.basePaths.search}?${
-          constants.params.searchTerm
-        }=${encodeURI(this.searchTermInput)}`
-      );
+      if (this.searchTermInput) {
+        this.searchTermInput = this.searchTermInput.trim();
+      }
+      if (this.searchTermInput) {
+        EventBus.$emit(
+          "navigate",
+          `/${constants.basePaths.search}?${
+            constants.params.searchTerm
+          }=${encodeURI(this.searchTermInput)}`
+        );
+      } else {
+        this.$bvToast.toast("Please enter a search term ✘", {
+          variant: "danger",
+          noCloseButton: true,
+        });
+      }
     },
   },
 };