passed the message explicitly to renderReplyPreview()

Author: M-Abdoon

chat-app/frontEnd/script.js

@@ -165,26 +165,28 @@ function handleReplyClick(messageId) {
   }
 
   replyToMessage = message;
-  renderReplyPreview();
+  renderReplyPreview(message);
 }
 
-function renderReplyPreview() {
+function renderReplyPreview(msg) {
   const replyPreview = document.getElementById("replyPreview");
   const replyPreviewText = document.getElementById("replyPreviewText");
 
-  if (!replyToMessage) {
+  const target = msg ?? replyToMessage;
+
+  if (!target) {
     replyPreview.classList.add("hidden");
     replyPreviewText.textContent = "";
     return;
   }
 
-  replyPreviewText.textContent = `${replyToMessage.sender}: ${replyToMessage.message}`;
+  replyPreviewText.textContent = `${target.sender}: ${target.message}`;
   replyPreview.classList.remove("hidden");
 }
 
 function clearReplyPreview() {
   replyToMessage = null;
-  renderReplyPreview();
+  renderReplyPreview(null);
 }
 
 async function reactToMessage(id, reaction) {