Closes #40 - messaging with no animations results

Author: scottpetrovic

src/lib/processes/animations-listing/AnimationSearch.ts

@@ -117,6 +117,13 @@ export class AnimationSearch extends EventTarget {
     // Clear and rebuild the animation list
     this.animation_list_container.innerHTML = ''
 
+    // Show "no animations found" if the filtered list is empty
+    if (this.filtered_animations_list.length === 0) {
+      this.animation_list_container.innerHTML = '<div class="no-animations-message">No animations found</div>'
+      return
+    }
+
+
     this.filtered_animations_list.forEach((animation_clip) => {
       if (this.animation_list_container == null) {
         return

src/styles.css

@@ -566,4 +566,10 @@ position: fixed;
     position: absolute;
     bottom: 0px;
     left: 0;
+}
+
+#animations-items .no-animations-message {
+    padding: 0.5rem;
+    font-style: italic;
+    font-size: 90%;
 }