diff --git a/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx b/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx index acb839623..b4e5c80a0 100644 --- a/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx +++ b/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx @@ -543,6 +543,7 @@ export const QueryCopilotPromptbar: React.FC = ({ Provide feedback on the query generated {showCallout && !hideFeedbackModalForLikedQueries && ( { @@ -578,11 +579,19 @@ export const QueryCopilotPromptbar: React.FC = ({ { setShowCallout(!likeQuery); setLikeQuery(!likeQuery); + if (likeQuery === true) { + document.getElementById("likeStatus").innerHTML = "Unpressed"; + } + if (likeQuery === false) { + document.getElementById("likeStatus").innerHTML = "Liked"; + } if (dislikeQuery) { setDislikeQuery(!dislikeQuery); } @@ -590,17 +599,25 @@ export const QueryCopilotPromptbar: React.FC = ({ /> { + let toggleStatusValue = "Unpressed"; if (!dislikeQuery) { openFeedbackModal(generatedQuery, false, userPrompt); setLikeQuery(false); + toggleStatusValue = "Disliked"; } setDislikeQuery(!dislikeQuery); setShowCallout(false); + document.getElementById("likeStatus").innerHTML = toggleStatusValue; }} aria-label="Dislike" /> + + +