Skip to content
Snippets Groups Projects
Commit 9083f5f0 authored by Mihai-Valentin DUMITRU's avatar Mihai-Valentin DUMITRU
Browse files

cleanup feedback buttons

parent 08972177
No related branches found
No related tags found
No related merge requests found
Pipeline #109202 passed
...@@ -109,6 +109,7 @@ ...@@ -109,6 +109,7 @@
color: #6B7280; /* text-gray-500 */ color: #6B7280; /* text-gray-500 */
min-height: 2.5rem; min-height: 2.5rem;
position: relative; position: relative;
transition: all 0.2s ease;
} }
.feedback-bar .feedback-prompt, .feedback-bar .feedback-prompt,
...@@ -117,13 +118,6 @@ ...@@ -117,13 +118,6 @@
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
} }
/* Faded state for old feedback */
.feedback-bar.hidden-feedback .feedback-prompt,
.feedback-bar.hidden-feedback .feedback-thanks {
opacity: 0;
pointer-events: none;
}
.feedback-button { .feedback-button {
border: 1px solid #D1D5DB; border: 1px solid #D1D5DB;
border-radius: 0.375rem; border-radius: 0.375rem;
......
...@@ -135,10 +135,10 @@ async function fetchOpenAIResponse(message, conversationID) { ...@@ -135,10 +135,10 @@ async function fetchOpenAIResponse(message, conversationID) {
} }
function addFeedbackBar(messageID, messageContent) { function addFeedbackBar(messageID, messageContent) {
const feedbackBar = document.createElement('div'); e const feedbackBar = document.createElement('div');
feedbackBar.className = 'feedback-bar'; feedbackBar.className = 'feedback-bar';
feedbackBar.innerHTML = ` feedbackBar.innerHTML = `
<div class="feedback-prompt flex items-center gap-3"> <div class="feedback-prompt">
<span>Vi se pare util acest răspuns?</span> <span>Vi se pare util acest răspuns?</span>
<button class="feedback-button" data-action="LIKE">👍</button> <button class="feedback-button" data-action="LIKE">👍</button>
<button class="feedback-button" data-action="DISLIKE">👎</button> <button class="feedback-button" data-action="DISLIKE">👎</button>
...@@ -151,18 +151,13 @@ function addFeedbackBar(messageID, messageContent) { ...@@ -151,18 +151,13 @@ function addFeedbackBar(messageID, messageContent) {
feedbackBar.querySelectorAll('.feedback-button').forEach(btn => { feedbackBar.querySelectorAll('.feedback-button').forEach(btn => {
btn.addEventListener('click', () => { btn.addEventListener('click', () => {
const action = btn.dataset.action; const action = btn.dataset.action;
let index = messageHistory.length;
sendFeedback(messageID, action); sendFeedback(messageID, action);
// Hide prompt and show thank you
feedbackBar.querySelector('.feedback-prompt').classList.add('hidden'); feedbackBar.querySelector('.feedback-prompt').classList.add('hidden');
feedbackBar.querySelector('.feedback-thanks').classList.remove('hidden'); feedbackBar.querySelector('.feedback-thanks').classList.remove('hidden');
}); });
}); });
// Ensure this feedback bar is visible (undo any previous hiding)
feedbackBar.classList.remove('hidden-feedback');
messageContent.appendChild(feedbackBar); messageContent.appendChild(feedbackBar);
} }
...@@ -175,7 +170,6 @@ export function reply(message, conversationID, isMarkdown = false) { ...@@ -175,7 +170,6 @@ export function reply(message, conversationID, isMarkdown = false) {
role: "assistant", role: "assistant",
content: message content: message
}); });
addFeedbackBar(messageID, messageContent);
} }
function showTypingIndicator() { function showTypingIndicator() {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment