Added feedback icons

codemakerai · Jun 18, 2024 · 80ec643 · 80ec643
1 parent 305941a
commit 80ec643
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 12 deletions.
diff --git a/media/main.js b/media/main.js
@@ -121,40 +121,45 @@ function createMessageElement(sender, message) {
 
         const upVoteButtonElement = document.createElement('img');
         upVoteButtonElement.classList.add('icon');
-        upVoteButtonElement.src = window.resolveMediaFile("thumbs-up.svg");
+        upVoteButtonElement.src = window.resolveMediaFile("thumbs-up-off.svg");        
+        controlsElement.appendChild(upVoteButtonElement);
+
+        const downVoteButtonElement = document.createElement('img');
+        downVoteButtonElement.classList.add('icon');
+        downVoteButtonElement.src = window.resolveMediaFile("thumbs-down-off.svg");
+        controlsElement.appendChild(downVoteButtonElement);
+
+        const copyButtonElement = document.createElement('img');
+        copyButtonElement.classList.add('icon');
+        copyButtonElement.src = window.resolveMediaFile("copy.svg");        
+        controlsElement.appendChild(copyButtonElement);
+
         upVoteButtonElement.addEventListener('click', function(event) {
             vscode.postMessage({
                 command: 'assistantFeedback',
                 sessionId: message.sessionId,
                 messageId: message.messageId,
                 vote: "UP_VOTE"
             });
+            upVoteButtonElement.src = window.resolveMediaFile("thumbs-up.svg");
+            downVoteButtonElement.src = window.resolveMediaFile("thumbs-down-off.svg");
         });
-        controlsElement.appendChild(upVoteButtonElement);
-
-        const downVoteButtonElement = document.createElement('img');
-        downVoteButtonElement.classList.add('icon');
-        downVoteButtonElement.src = window.resolveMediaFile("thumbs-down.svg");
         downVoteButtonElement.addEventListener('click', function(event) {
             vscode.postMessage({
                 command: 'assistantFeedback',
                 sessionId: message.sessionId,
                 messageId: message.messageId,
                 vote: "DOWN_VOTE"
             });
+            upVoteButtonElement.src = window.resolveMediaFile("thumbs-up-off.svg");
+            downVoteButtonElement.src = window.resolveMediaFile("thumbs-down.svg");            
         });
-        controlsElement.appendChild(downVoteButtonElement);
-
-        const copyButtonElement = document.createElement('img');
-        copyButtonElement.classList.add('icon');
-        copyButtonElement.src = window.resolveMediaFile("copy.svg");
         copyButtonElement.addEventListener('click', function(event) {
             vscode.postMessage({
                 command: 'copyToClipboard',
                 text: message.message
             });
         });
-        controlsElement.appendChild(copyButtonElement);
     }
 
     return cardElement;

diff --git a/media/thumbs-down-off.svg b/media/thumbs-down-off.svg
diff --git a/media/thumbs-up-off.svg b/media/thumbs-up-off.svg