fix: fix chat stage rendering conditional

Azure-Samples · Dec 7, 2023 · ba18c36 · ba18c36
1 parent fdcc73b
commit ba18c36
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 14 deletions.
diff --git a/packages/chat-component/src/components/chat-component.ts b/packages/chat-component/src/components/chat-component.ts
@@ -405,6 +405,14 @@ export class ChatComponent extends LitElement {
     return html`
       <div id="overlay" class="overlay"></div>
       <section id="chat__containerWrapper" class="chat__containerWrapper">
+        ${this.isCustomBranding && !this.isChatStarted
+          ? html` <chat-stage
+              svgIcon="${iconLogo}"
+              pagetitle="${globalConfig.BRANDING_HEADLINE}"
+              url="${globalConfig.BRANDING_URL}"
+            >
+            </chat-stage>`
+          : ''}
         <section class="chat__container" id="chat-container">
           ${this.isChatStarted
             ? html`
@@ -441,15 +449,6 @@ export class ChatComponent extends LitElement {
             : ''}
           <!-- Teaser List with Default Prompts -->
           <div class="chat__container">
-            ${this.isChatStarted && this.isCustomBranding
-              ? ''
-              : html` <chat-stage
-                  .isEnabled="${this.isCustomBranding}"
-                  svgIcon="${iconLogo}"
-                  pagetitle="${globalConfig.BRANDING_HEADLINE}"
-                  url="${globalConfig.BRANDING_URL}"
-                >
-                </chat-stage>`}
             <!-- Conditionally render default prompts based on isDefaultPromptsEnabled -->
             ${this.isDefaultPromptsEnabled
               ? html`

diff --git a/packages/chat-component/src/components/chat-stage.ts b/packages/chat-component/src/components/chat-stage.ts
@@ -4,8 +4,8 @@ import { styles } from '../styles/chat-stage.js';
 import './link-icon.js';
 export interface ChatStage {
   pagetitle: string;
+  url: string;
   svgIcon: string;
-  isEnabled: boolean;
 }
 
 @customElement('chat-stage')
@@ -18,16 +18,13 @@ export class ChatStageComponent extends LitElement {
   @property({ type: String })
   url = '';
 
-  @property({ type: Boolean })
-  isEnabled = false;
-
   @property({ type: String })
   svgIcon = '';
 
   override render() {
     return html`
       <header class="chat-stage__header">
-        <link-icon url="${this.url}" svgIcon="${this.svgIcon}" isEnabled="${this.isEnabled}"></link-icon>
+        <link-icon url="${this.url}" svgIcon="${this.svgIcon}"></link-icon>
         <h1 class="chat-stage__hl">${this.pagetitle}</h1>
       </header>
     `;