fix no results message when loading results using spinner

uvalib · Sep 6, 2023 · f630564 · f630564
1 parent c721cd8
commit f630564
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/bento-box/src/MLBSection.ts b/packages/bento-box/src/MLBSection.ts
@@ -5,6 +5,7 @@ import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import { MLBib, GeneralSearchMeta, MLBData, GeneralSearchResult } from '@uvalib/data-wrap';
 import { property } from 'lit/decorators.js';
 import { BentoSection } from './BentoSection.js';
+import '@uvalib/site-spinner/site-spinner.js';
 
 export class MLBSection extends BentoSection {
 
@@ -121,7 +122,9 @@ export class MLBSection extends BentoSection {
       </div>
 
       <div class="bs-results--body">
-          <p id="no-results" ?hidden="${!this.isEmptySearch}">${this.noResultDescribe}</p>
+          ${this.loading ? html`<site-spinner></site-spinner>` : html`
+            <p id="no-results" ?hidden="${!this.isEmptySearch || this.loading}">${this.noResultDescribe}</p>
+          `}
 
           ${this.embedded ? html`
             <ul ?hidden="${this.isEmptySearch}" class="bs-results--list">