From f630564f38ce202b017e14ccea231ecfad73f22b Mon Sep 17 00:00:00 2001
From: Doug Chestnut <dougchestnut@gmail.com>
Date: Wed, 6 Sep 2023 14:08:55 -0400
Subject: [PATCH] fix no results message when loading results using spinner

---
 packages/bento-box/src/MLBSection.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/bento-box/src/MLBSection.ts b/packages/bento-box/src/MLBSection.ts
index 6c010cf8c..1ceb64037 100644
--- 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">