fix: empty follow up question rendering

Azure-Samples · Nov 30, 2023 · 24a0093 · 24a0093
1 parent 9a7e29b
commit 24a0093
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/packages/chat-component/src/components/chat-thread-component.ts b/packages/chat-component/src/components/chat-thread-component.ts
@@ -177,19 +177,21 @@ export class ChatThreadComponent extends LitElement {
         <div class="items__listWrapper">
           ${unsafeSVG(iconQuestion)}
           <ul class="items__list followup">
-            ${followupQuestions.map(
-              (followupQuestion) => html`
-                <li class="items__listItem--followup">
-                  <a
-                    class="items__link"
-                    href="#"
-                    data-testid="followUpQuestion"
-                    @click="${(event) => this.handleFollowupQuestionClick(followupQuestion, entry, event)}"
-                    >${followupQuestion}</a
-                  >
-                </li>
-              `,
-            )}
+            ${followupQuestions
+              .filter((q) => q !== null)
+              .map(
+                (followupQuestion) => html`
+                  <li class="items__listItem--followup">
+                    <a
+                      class="items__link"
+                      href="#"
+                      data-testid="followUpQuestion"
+                      @click="${(event) => this.handleFollowupQuestionClick(followupQuestion, entry, event)}"
+                      >${followupQuestion}</a
+                    >
+                  </li>
+                `,
+              )}
           </ul>
         </div>
       `;