From 24a00937ee50cefc83405b127f88b072f2c926ec Mon Sep 17 00:00:00 2001
From: "Shibani Basava (from Dev Box)" <shibanib@microsoft.com>
Date: Thu, 30 Nov 2023 00:36:20 +0000
Subject: [PATCH] fix: empty follow up question rendering

---
 .../src/components/chat-thread-component.ts   | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/packages/chat-component/src/components/chat-thread-component.ts b/packages/chat-component/src/components/chat-thread-component.ts
index 3d912d4e..faa6a448 100644
--- 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>
       `;