fix: correct the action button disable

Azure-Samples · Nov 16, 2023 · 1b2612d · 1b2612d
1 parent da17c55
commit 1b2612d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/packages/chat-component/src/components/chat-thread-component.ts b/packages/chat-component/src/components/chat-thread-component.ts
@@ -74,10 +74,6 @@ export class ChatThreadComponent extends LitElement {
     }, 500);
   }
 
-  handleCitationClick(citationClickedEvent: Event) {
-    this.dispatchEvent(citationClickedEvent);
-  }
-
   handleFollowupQuestionClick(question: string, event: Event) {
     event.preventDefault();
     const citationClickedEvent = new CustomEvent('on-followup-click', {
@@ -148,11 +144,7 @@ export class ChatThreadComponent extends LitElement {
     if (citations && citations.length > 0) {
       return html`
         <div class="chat__citations">
-          <citation-list
-            .citations="${citations}"
-            .label="${globalConfig.CITATIONS_LABEL}"
-            @on-citation-click="${this.handleCitationClick}"
-          ></citation-list>
+          <citation-list .citations="${citations}" .label="${globalConfig.CITATIONS_LABEL}"></citation-list>
         </div>
       `;
     }

diff --git a/packages/chat-component/src/styles/chat-thread-component.ts b/packages/chat-component/src/styles/chat-thread-component.ts
@@ -34,7 +34,10 @@ export const styles = css`
     height: 40px;
     position: relative;
   }
-  .chat__header--button:disabled,
+  .chat__header--button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
   .chat__header--span {
     font-size: smaller;
     transition: all 0.3s ease-out 0s;