feat: fix no comment

ubiquity · Jan 7, 2025 · 238a12b · 238a12b
1 parent 1ae553d
commit 238a12b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/home/rendering/render-github-notifications.ts b/src/home/rendering/render-github-notifications.ts
@@ -218,14 +218,19 @@ async function updateLatestCommentUrls(notificationsToUpdate: { element: HTMLEle
     const issueElement = element.querySelector(".issue-element-inner");
     const previewElement = issueElement?.querySelector(".latest-comment-preview");
 
-    if (previewElement) {
-      previewElement.innerHTML = `
-        <div class="comment-preview">
-          <img src="${avatarUrl ? avatarUrl : ""}" class="comment-avatar"/>
-          <span class="comment-body">${commentBody ? commentBody : "No comment available."}</span>
-        </div>
-      `;
+    if(previewElement){
+      const commentPreviewDiv = document.createElement("div");
+      commentPreviewDiv.classList.add("comment-preview");
+      if (commentBody) {
+        commentPreviewDiv.innerHTML = `
+          <img src="${avatarUrl ? avatarUrl: ""}" class="comment-avatar"/>
+          <span class="comment-body">${commentBody}</span>
+        `;
+        commentPreviewDiv.style.padding = "8px 0px";
+      }
+      previewElement.append(commentPreviewDiv);
     }
+
     if (issueElement) {
       issueElement.addEventListener("click", async() => {
         window.open(url, "_blank");

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -296,9 +296,6 @@
     padding: 6px 0px 8px 0px;
     gap: 4px;
   }
-  .latest-comment-preview {
-    padding: 8px 0px;
-  }
 
   .comment-preview {
     display: flex;

diff --git a/static/style/style.css b/static/style/style.css
@@ -296,9 +296,6 @@
     padding: 6px 0px 8px 0px;
     gap: 4px;
   }
-  .latest-comment-preview {
-    padding: 8px 0px;
-  }
 
   .comment-preview {
     display: flex;